[英]send form data to php page with $.ajax
我有这样的表格,
<form id="frm" method="post">
<input type="text" name="inp_txt" id="inp_txt"/>
<input type="submit" name="sbtn" value="send" id="sbtn">
</form>
这是我的JavaScript代码
$(function(){
var request ;
$('form#frm').submit(function(e){
e.preventDefault();
if(request){
request.abort();
}
var $form = $(this);
var $inputs = $form.find('inputs');
var serailize = $form.serialize();
console.log(serailize);
$inputs.prop('disabled',true);
request = $.ajax({
url:'form.php',
type:'post',
data:serailize
});
request.done(function(response, textStatus, jqXHR){
console.log('oky');
$.ajax({
url: "form.php",
type: "get",
success: function(data){
console.log(data);
},
error:function(){
console.log('bad');
}
});
});
request.fail(function(jqXHR, textStatus, errorThrown){
console.error(
"The following error occurred: "+
textStatus, errorThrown
);
});
request.always(function(){
$inputs.prop("disabled", false);
})
})
})
和我的PHP代码在form.php
<?php
$name = $_POST['inp_txt'];
echo(json_encode(array(data=>$name)));
?>
但是我有一个大问题,在我的javascript代码的这一部分:
$.ajax({
url: "form.php",
type: "get",
success: function(data){
console.log(data);
},
error:function(){
console.log('bad');
}
我从console.log(data)
post.php
获取消息
Undefined index:inp_txt in htdocs\phpajax\form.php
请帮我解决这个问题,谢谢
在ajax的settings对象中将数据类型设置为json
:
$.ajax({
dataType :'json',
url: "form.php",
type: "get",
success: function(data){
console.log(data);
},
error:function(e){
console.log(e);
}
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.