为什么发送ajax请求页面也会刷新呢?

WBOY
发布: 2016-09-19 09:16:38
原创
1469 人浏览过

<code><button class="btn btn-default" onclick="set_chat_msg()">send</button></code>
登录后复制
登录后复制

点击按钮触发函数

set_chat_msg()部分:

<code>var url= "chat_send_ajax.php";
url += "?name=" + strname + "&msg=" + strmsg;//将用户名和消息变量拼接进url中
oxmlHttpSend.open("GET",url,true);//打开请求
oxmlHttpSend.send(null);//发送
//alert(oxmlHttpSend);//为什么在firefox下不注释这里php就无法接收到数据执行呢?chrome是正常的</code>
登录后复制
登录后复制

然后就是php接收到进行处理。

为什么我点击按钮后页面会被刷新一次呢?然后如果是在firefox下php根本接收不到数据也不执行了,chrome就可以。

回复内容:

<code><button class="btn btn-default" onclick="set_chat_msg()">send</button></code>
登录后复制
登录后复制

点击按钮触发函数

set_chat_msg()部分:

<code>var url= "chat_send_ajax.php";
url += "?name=" + strname + "&msg=" + strmsg;//将用户名和消息变量拼接进url中
oxmlHttpSend.open("GET",url,true);//打开请求
oxmlHttpSend.send(null);//发送
//alert(oxmlHttpSend);//为什么在firefox下不注释这里php就无法接收到数据执行呢?chrome是正常的</code>
登录后复制
登录后复制

然后就是php接收到进行处理。

为什么我点击按钮后页面会被刷新一次呢?然后如果是在firefox下php根本接收不到数据也不执行了,chrome就可以。

只要在<form></form>标签内,一定要明确指定<button></button>的类型,记得给<button></button>加上type="button"type="submit",说多了都是泪~

button 标签请添加 type='button' 属性,因为浏览器默认会认为 button 的属性是submit.type=‘submit’时会发生提交表单的默认行为。

<code><button type="button" class="btn btn-default" onclick="set_chat_msg()">send</button></code>
登录后复制

W3shool:

请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button",而其他浏览器中(包括 W3C 规范)的默认值是 "submit"。

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!