从表单调用同一页面内的JS函数(AJAX)
Calling JS function(AJAX) within the same page from a form
我试图在用户输入文本并按下提交按钮后在同一页面中执行AJAX函数脚本。
提交后,AJAX脚本将把结果发送给findme.php,后者对数据库执行查询。在实现ajax函数之前,我已经对findme.php的查询进行了测试。
我采用了W3school的方法,但是没有。我无法调用脚本并将值发送到findme.php
有谁知道我做错了什么吗?
qwerty.php
<script>
function showUser(str) {
if (str=="") {
document.getElementById("txtHint").innerHTML="";
return;
}
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
} else { // code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4 && xmlhttp.status==200) {
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","findme.php?q="+str,true);
xmlhttp.send();
}
</script>
<tr>
<form name="search" method="post" action="">
Name: <input type="text" name="findName"/>
Location: <input type="text" name="findLocation"/>
Price: <input type="text" name="findPrice"/>
<Select NAME="123">
<Option type="checkbox" value="">
<Option type="checkbox" value="=">Equal
<Option type="checkbox" value="<">Less than
<Option type="checkbox" value=">">More than
</select>
<input onclick="showUser(); return false;" type="submit" name="search" value="Search"/>
</form>
</tr>
<tr>
<div id="txtHint"><b>Person info will be listed here.</b></div>
</tr>
调用函数后必须返回false,否则表单正在提交,导致ajax调用失败。
<input onclick="showUser(); return false;" type="submit" name="search" value="Search"/>
既然你使用的是input type =" submit",那就在表单上尝试onSubmit事件。asa
<form name="search" method="post" action="" onSubmit="return showUser();">
不要忘记return
关键字。在showUser()中返回false
;当str=="之类的
相关文章:
- 为什么我的控制器没有启动函数.js脚本
- 在函数js中传递变量
- 如何在单独的文件中调用函数 js.
- 在铯中调用函数.js当事件被尝试时
- 只有setTimeout执行函数.JS
- 为什么图像选择器程序中的这个函数 js 不起作用
- 获取邮件中的信息.php从函数.js解析为manage.html
- 如何从应用程序中调用JS函数.js在Rails4视图中
- Uncatch TypeError: obj.attr 不是函数 JS
- 从 C++ 节点调用 JavaScript 函数.js扩展
- 调用 Backbone 内部的外部函数.js的视图初始化方法
- 如何使用 Scala 创建 JavaScript 函数.js
- 使用带有下划线循环的回调函数.js骨干.js项目不起作用
- 获取字段值的函数-JS
- 函数js不能递归调用自己的函数
- 在函数JS中创建带有地理代码的标记
- 循环内部的函数(js/jquery)
- 我需要帮助将此代码添加到jQuery函数.js文件中
- 未捕获类型:未定义不是函数JS错误
- 停止多个内联函数JS的事件传播