使用onsubmit事件触发ajax时返回值如何返回
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了使用onsubmit事件触发ajax时返回值如何返回,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1665字,纯文字阅读大概需要3分钟。
内容图文
使用onsubmit事件触发ajax时返回值怎么返回这个是表单
无标题文档
这个是xmlhttprequest.js页面
var xmlhttp = false;
if (window.XMLHttpRequest) { //Mozilla、Safari等浏览器
xmlhttp=new XMLHttpRequest();
}
else if (window.ActiveXObject) { //IE浏览器
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
这个是js2.js页面里面有我标记的路线可以看到整个执行的过程。
var flag;
function check_form(){
var username=document.getElementById('username').value;
var identifying_code=document.getElementById('identifying_code').value;
url='login_chk.php?username='+username+'&identifying_code='+identifying_code;
alert('这里第1步');
xmlhttp.open('get',url,true);
alert('这里第2步');
xmlhttp.onreadystatechange = function(){
alert('这里第5步');
if(xmlhttp.readyState == 4){
alert('这里第6步');
if(xmlhttp.status == 200){
alert('这里第7步');
msg = xmlhttp.responseText;
alert('这里第8步');
if(msg==1){
document.getElementById("tishi").innerHTML="输入正确正在跳转";
flag=true;
}
else{
document.getElementById("tishi").innerHTML="用户名或者密码错误";
flag=false;
}
alert('这里第9步');
}
}
//alert(flag);
}
xmlhttp.send(null);
alert('这里第3步');
if(flag==true){
alert('这里是true');
alert(flag);
return true;
}
else {
alert('这里第4步');
alert(flag);
return false;
}
}
这个是login_chk.php页面
if(strcmp($_GET['username'],'abcd')==0&&strcmp($_GET['identifying_code'],'abcd')==0){
$msg=1;
}
else{
$msg=0;
}
echo $msg;
?>
最重要的是要取得check_form的返回值,才能决定表单是否能提交。求高手更改代码取到check_form的返回值
------解决方案--------------------
xmlhttp.open('get',url,true);
这是异步通讯,所以你要定义接受返回数据的回调函数
xmlhttp.onreadystatechange = function(){
内容总结
以上是互联网集市为您收集整理的使用onsubmit事件触发ajax时返回值如何返回全部内容,希望文章能够帮你解决使用onsubmit事件触发ajax时返回值如何返回所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。