利用jquery把一個表單的資料同時提交給兩個頁面
阿新 • • 發佈:2019-02-18
我現在就遇到一個這樣的案例:以一個表單用於客戶輸入查詢資料,然後提交給檢索引擎,現在需要增加一個功能,需要記錄客戶查詢的是什麼關鍵字(當然你可以說:去檢索引擎上去記錄就可以了啊!不錯,但是檢索引擎我現在不能修改),於是想到了先傳輸資料給伺服器,然後等待一段時間提交資料(注意:為什麼是等待一段時間提交資料,而不是等處理完返回標誌後提交資料?因為萬一處理失敗了,那不是沒有返回資料?那不是就不能提交表單了?)。 我們把這段延遲設定為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>