Maison > développement back-end > tutoriel php > 为什么发送ajax请求页面也会刷新呢?

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

WBOY
Libérer: 2016-09-19 09:16:38
original
1519 Les gens l'ont consulté

<code><button class="btn btn-default" onclick="set_chat_msg()">send</button></code>
Copier après la connexion
Copier après la connexion

点击按钮触发函数

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>
Copier après la connexion
Copier après la connexion

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

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

回复内容:

<code><button class="btn btn-default" onclick="set_chat_msg()">send</button></code>
Copier après la connexion
Copier après la connexion

点击按钮触发函数

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>
Copier après la connexion
Copier après la connexion

然后就是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>
Copier après la connexion

W3shool:

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal