我发送ajax请求到一个单击按钮的php页面。这里是我的请求被发送ajax请求无效?
$("#enteruser").on('click',function(){
console.log("entered here");
var name=$("#ename").val();
var email=$("#eemail").val();
var role=$("#erole").val();
var data={name: name, email:email, role:role};
var url='addemployee.php';
$.ajax({
url : url,
data: data,
type: 'POST',
success: function(response)
{
if(response=="success")
{
$("#rmsg").text("Hello World");
}
else
{
}
}
});
});
我此行不工作,返回回后URL中包含我发送的值。所以如果我重新发送请求,请求不会再次由于url发送。如果我把下面的行
window.location="anotherpage.html"; in the success block the page is redirected to the that page. Then why the rmsg paragraph is not being written?
我加入的形式动态地使用下面的代码
$("#create").on('click',function(){
var htmc='<div class="testbox">\n\
<h1>Create Employee</h1>\n\
<form>\n\
<hr>\n\
<label id="icon" for="eemail"><i class="icon-envelope "></i></label>\n\
<input type="text" name="eemail" id="eemail" placeholder="Email" required/>\n\
<label id="icon" for="ename"><i class="icon-user"></i></label>\n\
<input type="text" name="ename" id="ename" placeholder="Name" required/>\n\
<label id="icon" for="erole"><i class="icon-road"></i></label>\n\
<input type="text" name="erole" id="erole" placeholder="Role" required/>\n\
<button id="enteruser" class="button">Enter</button>\n\
</form>\n\
</div>';
$("#view").html(htmc);
});
$(document).on("#enteruser",'click',function(e){
e.preventDefault();
console.log("entered here");
var name=$("#ename").val();
var email=$("#eemail").val();
var role=$("#erole").val();
var data={name: name, email:email, role:role};
var url='addemployee.php';
$.ajax({
url : url,
data: data,
type: 'POST',
success: function(response)
{
if(response=="success")
{
alert(response);
$("#rmsg").text("Hello World");
}
else
{
}
}
});
});
如果(响应= =“成功”)你确定PHP脚本回声字符串“成功”?我看到ajax调用本身没有问题,只是提示(响应) – volkinc
尝试先使用调试器来查看您的请求是否经过。我只使用Chrome,其中F12将调出调试器。打开并选择网络选项卡并按下按钮以触发您的请求。查看结果(如果它调用addemployee.php),请单击它并查看标题以查看该数据是否添加到标题中。也看看你得到的回应。 – DTH
请发布您的php –