提交表单时触发Ajax xmlhttp函数

时间:2011-03-31 13:19:20

标签: javascript ajax

我想在提交表单时触发ajax调用/对象实例化。我可以在action=""字段中执行此操作吗?

<FORM id="form" METHOD="GET" ACTION="">
<b> Enter argument: </b>
<input size="40" name="q" id="q" value="">
<INPUT TYPE="submit" id="q" VALUE="Submit">
<INPUT TYPE="reset" VALUE="Reset">
</FORM>

在同一个文件中我有一个函数:

function xmlhttpPost(){
...
request = new ajaxRequest()
...
request.open("GET","xmlget.php?url=" + $search + nocache, true)

4 个答案:

答案 0 :(得分:0)

查看form的{​​{1}}事件。 http://www.w3schools.com/jsref/event_form_onsubmit.asp

答案 1 :(得分:0)

在提交按钮中添加一个onclick处理程序,如下所示:

<INPUT TYPE="submit" id="q" VALUE="Submit" onclick="someJavaScript()">

答案 2 :(得分:0)

您可以将事件处理程序附加到表单的submit事件,然后在事件处理程序中发出ajax请求。

答案 3 :(得分:0)

你应该使用onsubmit =“function();”此外,一旦你得到这个工作,你还必须防止表单根据“动作”提交jQuery提供event.preventDefault();从我所看到的最佳效果。