没有发送Ajax POST请求?

时间:2016-04-13 15:44:55

标签: javascript php jquery ajax

我只是抓住输入字段的值并在按下按钮后用php显示它。

它确实显示但它没有给出post变量的值,这是我试图使用的html和脚本:

 <html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <script>
        function chk()
        {
            var name = document.getElementById('name').value;
            var dataString='name'+ name;
            $.ajax({
                type: 'POST',
                url: 'hi.php',
                data: dataString,
                cache: false,
                success: function(html){
                    $('#msg').html(html);
                }


            })
            return false;
        }
    </script>
</head>
<body>
    <form>
        <input type="text" id="name"><br>
        <input type="submit" value="submit" onclick="return chk()">
        <p id="msg"></p>
    </form>
</body>

它被发送到php处理的页面是:

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

我是不是使用Ajax

进行核心发送

2 个答案:

答案 0 :(得分:3)

我要做的第一件事就是更改数据字符串:

var dataString = 'name' + name;

var dataString = { 'name': name };

答案 1 :(得分:0)

它应该是键值对,即您正确发送post变量 你应该写/发送像dataString = {&#39; name&#39 ;: your_value,&#39; otherName&#39;:&#39; someting&#39;};