我现在就遇到一个这样的案例:以一个表单用于客户输入查询数据,然后提交给检索引擎,现在需要增加一个功能,需要记录客户查询的是什么关键字(当然你可以说:去检索引擎上去记录就可以了啊!不错,但是检索引擎我现在不能修改),于是想到了先传输数据给服务器,然后等待一段时间提交数据(注意:为什么是等待一段时间提交数据,而不是等处理完返回标志后提交数据?因为万一处理失败了,那不是没有返回数据?那不是就不能提交表单了?)。
我们把这段延迟设置为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" οnsubmit="jump_code()" οnmοuseοver="this.select()" value="基金代码" οnfοcus="this.value='';" id="fund_code" />
<font style="cursor:hand" οnclick="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>
利用jquery把一个表单的数据同时提交给两个页面
最新推荐文章于 2021-06-03 11:29:58 发布