1. 程式人生 > >利用jquery把一個表單的資料同時提交給兩個頁面

利用jquery把一個表單的資料同時提交給兩個頁面

我現在就遇到一個這樣的案例:以一個表單用於客戶輸入查詢資料,然後提交給檢索引擎,現在需要增加一個功能,需要記錄客戶查詢的是什麼關鍵字(當然你可以說:去檢索引擎上去記錄就可以了啊!不錯,但是檢索引擎我現在不能修改),於是想到了先傳輸資料給伺服器,然後等待一段時間提交資料(注意:為什麼是等待一段時間提交資料,而不是等處理完返回標誌後提交資料?因為萬一處理失敗了,那不是沒有返回資料?那不是就不能提交表單了?)。

我們把這段延遲設定為1000毫秒。

 表單如下:

XML/HTML程式碼
<form action="/search/search_result.aspx"  method="post" name="fund_search_code" target="_blank" id="fund_search_code">  
<input name="fund_code" type="text" size="5" onsubmit="jump_code()" onmouseover="this.select()" value="基金程式碼" onfocus="this.value='';" id="fund_code" />  
<font style="cursor:hand" onclick="jump_code()"> 查詢</font>  
</form>  
javascript如下:

JavaScript程式碼
<script type="text/javascript" src="/js/jquery.js" mce_src="/js/jquery.js"></script>   
<script type="text/javascript">   
  <!--   
 function postdata(){                      //提交資料函式   
  $.ajax({                                 //呼叫jquery的ajax方法   
    type: "POST",                          //設定ajax方法提交資料的形式   
    url: "plus/recordSearch.php",                                         
    data: "fund_code="+$("#fund_code").val(), //輸入框writer中的值作為提交的資料   
    success: function(msg){                 //提交成功後的回撥,msg變數是輸出的內容。   
      //alert("資料提交成功");               //如果有必要,可以把msg變數的值顯示到某個DIV元素中   
    }   
  });   
}   
  
function jump_code()   
{   
    
  postdata();   
  setTimeout("jump_code_check()",1000);   
}   
function jump_code_check()   
{   
  var str=document.fund_search_code;   
  if(eval(str).fund_code.value.length!=0)   
  {   
      eval(str).submit();   
  }   
  else  
  {   
     alert("請輸入基金程式碼或基金名稱!");   
  }   
}   
-->   
</script>