php 异步提交表单

newbie1014 2014-05-24 02:42:40
我是在本地xamp环境,代码如下
不成功xmlHttp.status=0,然后点击提交后 页面怎么还是刷新了?
html

<form name="touzi" method="post">
<table>
<tr>
<td>客户类型</td>
<td><input type="radio" name="customer-type" value="个人客户" id="0"/><input type="radio" name="customer-type" value="机构客户" id="1"/></td>
</tr>
<tr>
<td>联系人</td>
<td><input type="text" id="username"/></td>
</tr>
<tr>
<td>联系电话</td>
<td><input type="text" id="mobile"/></td>
</tr>
<tr>
<td>E-mail</td>
<td><input type="text" id="email"/></td>
</tr>
<tr>
<td>联系地址</td>
<td><input type="text" id="address"/></td>
</tr>
<tr>
<td>邮编</td>
<td><input type="text" id="postcode"/></td>
</tr>
<tr>
<td>内容</td>
<td><textarea id="customer-content"></textarea></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="tijiao" onclick="submitForm()"/></td>
</tr>
</table>
</form>


function submitForm(){
var xmlHttp = createXmlHttp();
if(!xmlHttp) {
alert("您的浏览器不支持AJAX!");
return 0;
}

var url = 'phpmail.php';
var postData = "";
postData = "username=" + document.getElementById('username').value;
postData += "t=" + Math.random();

xmlHttp.open("POST", url, true);
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlHttp.onreadystatechange = function() {
alert(xmlHttp.status);
if(xmlHttp.readyState == 4 && xmlHttp.status == 200) {

if(xmlHttp.responseText == '1') {
alert('post successed');
}
}
}
xmlHttp.send(postData);
}

function createXmlHttp() {
var xmlHttp = null;

try {
//Firefox, Opera 8.0+, Safari
xmlHttp = new XMLHttpRequest();
} catch (e) {
//IE
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}

return xmlHttp;
}


php
<?php  
if(isset($_POST['username']) {
echo '1';
}
?>
...全文
299 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
newbie1014 2014-05-24
  • 打赏
  • 举报
回复
[quote=引用 1 楼 Return_false 的回复:] type="submit" 类型本身就会导致表单提交 <input type="submit" value="tijiao" onclick="submitForm()"/> => <input type="button" value="tijiao" onclick="submitForm()"/>[/quo貌似是我wordpress的问题 不能这样访问
newbie1014 2014-05-24
  • 打赏
  • 举报
回复
引用 1 楼 Return_false 的回复:
type="submit" 类型本身就会导致表单提交 <input type="submit" value="tijiao" onclick="submitForm()"/> => <input type="button" value="tijiao" onclick="submitForm()"/>
谢谢 明白了。另外这个form是在form.php 我要提交到phpmail.php 两个文件是在同一个目录 我写了url=‘phpmail.php’ 为什么提示没找到phpmail.php呢
  • 打赏
  • 举报
回复
type="submit" 类型本身就会导致表单提交 <input type="submit" value="tijiao" onclick="submitForm()"/> => <input type="button" value="tijiao" onclick="submitForm()"/>

52,797

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧