Php JQuery';s的ajax post请求无法正常工作';应该是
该页面的链接是:localhost/mysite/create user 代码如下:Php JQuery';s的ajax post请求无法正常工作';应该是,php,jquery,ajax,post,Php,Jquery,Ajax,Post,该页面的链接是:localhost/mysite/create user 代码如下: <form class="form-horizontal" name = "signUp1F" id = "signUp1F"> <input class="input-xlarge focused" name="pskil" id ="pskil" type="text" placeholder = "Doctor, Trainer, Human Re
<form class="form-horizontal" name = "signUp1F" id = "signUp1F">
<input class="input-xlarge focused" name="pskil" id ="pskil" type="text" placeholder = "Doctor, Trainer, Human Resource etc.">
<input type="hidden" name="neoid" id="neoid" value="<?php echo $neoid; ?>" />
<span><button id = "plus" class="btn btn-success">Plus</button></span>
<div id="skillsAdded"></div>
</form>
问题是您的按钮标签需要提交表单。这里是一个更新的JavaScript源代码,您可以使用它。jQuery为事件提供了一个内置的preventDefault()方法。例如,这将阻止按钮提交表单
<script type="text/javascript">
$('#plus').click( function(event){
event.preventDefault();
var pskil = $('#pskil').val();
var neoid = $('#neoid').val();
if( !pskil){
alert( "Please write a skill.");
return false;
}
$.ajax({
type: 'post',
url: "localhost/mysite/add-skill",
data: { pskil: pskil, neoid: neoid},
success: function( response){
$('#skillsAdded').append( pskil + "<br>");
return false;
}
});
});
</script>
$('#plus')。单击(函数(事件){
event.preventDefault();
var pskil=$('#pskil').val();
var neoid=$('#neoid').val();
如果(!pskil){
警惕(“请写一个技巧。”);
返回false;
}
$.ajax({
键入:“post”,
url:“localhost/mysite/add skill”,
数据:{pskil:pskil,neoid:neoid},
成功:功能(响应){
$('#skillsAdded')。追加(pskil+“
”);
返回false;
}
});
});
试用:孤独按钮提交表单,这是我的答案。preventDefault()或单击事件返回false。我在没有按钮的情况下进行了本地测试,为错误的答案道歉。@Alexander,哪个按钮比较孤独?
<script type="text/javascript">
$('#plus').click( function(event){
event.preventDefault();
var pskil = $('#pskil').val();
var neoid = $('#neoid').val();
if( !pskil){
alert( "Please write a skill.");
return false;
}
$.ajax({
type: 'post',
url: "localhost/mysite/add-skill",
data: { pskil: pskil, neoid: neoid},
success: function( response){
$('#skillsAdded').append( pskil + "<br>");
return false;
}
});
});
</script>