多个ajax请求无法在我的php页面上运行

时间:2015-04-13 15:45:02

标签: javascript php jquery ajax

我有基本的php网页,我有3个文本字段和2个按钮。 第一个文本字段和按钮如下所示:

    <input type="text" value="" id="city">
    <input type="button" id="visit" value="visit"/></div>

在我的html代码之后,我有脚本:

<script>
$( "#visit" ).click(function() {
  var text = $("#city").val();
 $.ajax({
        url: 'php.php',
                type: "POST",
                data: {
                    text: text
                },
                success: function(response) 
                {

                    $('#city').prop('disabled', true);
                    $('#visit').prop('disabled', true);
                    alert("Thanks!");

                }
        });

});
</script>

这很好用,我得到确认弹出窗口,字段被禁用。后来我有另一个文本域:

<input id="mail" name="email" type="email" placeholder="your@email.com" required>
<textarea id="mytextarea"></textarea>
<input type="button" id="gobutton" value="go"/>

在代码中稍后我有ajax脚本:

<script>
$( "#gobutton" ).click(function() {
  var mail = $("#mail").val();
  var text = $("#mytextarea").val();
 $.ajax({
        url: 'page.php',
        type: "POST",
        data: {
            mail : some_mail,
            text : some_text
            },
                success: function(response) 
                {
                   alert("Thanks!");    
                }
        });

});
</script>

但我在这里甚至没有提示警告信息......可能是什么问题?

1 个答案:

答案 0 :(得分:4)

您的变量名称不匹配 -

$( "#gobutton" ).click(function() {
  var mail = $("#mail").val(); 
  var text = $("#mytextarea").val();
 $.ajax({
        url: 'page.php',
        type: "POST",
        data: {
            mail : mail, // note change to match actual variable
            text : text  // note change to match actual variable
            },
                success: function(response) 
                {
                   alert("Thanks!");    
                }
        });

});