jQuery Ajax提交帖子没有收到成功的消息

代码一直工作,直到我到达action.php我发布我的输入。 问题在于帖子从未到达action.php,我得到的只是一个空白变量。

使用:https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js

<script type="text/javascript">

function submitdata()
{
 var name=document.getElementById('name');

 $.ajax({
  type: 'post',
  url: 'action.php',
  data: {
   'name':name
  },
  cache:false,
  success: function (data) {
   $('#msg').html(data);
  }
 });

 return false;
}

</script>

<form onsubmit="return submitdata();">
    <input type="text" name="name">
    <input type="submit" value="Check">
</form>

<p id="msg"></p>

action.php的:

<?php
$name=$_POST['name'];
echo "Response: ".$name;
?>

编辑:修正它通过增加:

var name = document.getElementById('name').value;

input type =“text”id =“name”而不是name =“name”


你的“名字”是DOM对象。 获得价值使用:

var name=document.getElementById('name').value;

你现在提交的不是字符串,而是Object,这可能是它失败的原因。


尝试在您的ajax请求上添加dataType使其成为'文本'

 $.ajax({
  type: 'post',
  url: 'action.php',
  dataType: 'text',
  data: {
   'name':name
  },
  cache:false,
  success: function (data) {
   $('#msg').html(data);
  }
 });
链接地址: http://www.djcxy.com/p/49935.html

上一篇: jQuery Ajax Submit Post not getting success message back

下一篇: Php does not echo the data from a jQuery Ajax submit