Php 如何在jQuery中将输入文本框值的参数传递给ajax

我的Ajax代码

$(document).ready(function() {
    $("#sub").click(function() {
        $.ajax({
            type: "POST",
            url: "jqueryphp.php",
            data: "txt1=" + txt1,
            success: function(result) {
                $("div").html(result);
            }
        });
    });
});​

这是表格代码。我想把txt1值传递给Ajax

<input type="text" name="txt1" id="txt1" /><br>
<input type="button" name="sub" id="sub" value="click Me" />

我想使用这个Ajax函数将txt1值传递到我的php页面

---

请告诉我Ajax的data属性中会出现什么内容，将数据作为对象而不是字符串发送，要检索文本字段的值，请使用val（）

你的意思是：

$(document).ready(function() {
    $("#sub").click(function() {
    var txt1 = $("#txt1").val(); //textbox value
        $.ajax({
            type: "POST",
            url: "jqueryphp.php",
            cache: false,
            data: "txt1=" + txt1,
            dataType: "html",
            success: function(result) {
                $("div").html(result);
            }
        });
    });
});​

---

@user1205245尝试设置

数据类型

您也可以尝试设置

缓存：“false”

，正如一些人报告的@DemoUser。我将您的代码用于我的ajax代码。它起作用了。我对这里的数据有点怀疑：“txt1=“+txt1，这里我使用了数据：txt1，没有工作。但所有其他代码都是这样。但我用了这个不管用为什么。我的浏览器有问题吗

$(document).ready(function() {
    $("#sub").click(function() {
    var txt1 = $("#txt1").val(); //textbox value
        $.ajax({
            type: "POST",
            url: "jqueryphp.php",
            cache: false,
            data: "txt1=" + txt1,
            dataType: "html",
            success: function(result) {
                $("div").html(result);
            }
        });
    });
});​