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

我的Ajax代码</ p>

  $(document).ready(  function(){
$(“#sub”)。click(function(){
$ .ajax({
type:“POST”,
url:“jqueryphp.php”,
data:“ txt1 =“+ txt1,
success:function(result){
$(”div“)。html(result);
}
});
});
});
</ code> </ pre>

这是表单代码。 我想将txt1值传递给Ajax </ p>

 &lt; input type =“text”name =“txt1”id =“txt1”/&gt;&lt; br&gt; 
&lt; input type =“button”name =“sub”id =“sub”value =“click Me”/&gt;
</ code> </ pre>

我想传递 txt1 </ strong>使用此Ajax函数对我的php页面的值。 </ p>

请告诉我Ajax的数据属性究竟会出现什么</ p>
</ div>

展开原文

原文

My Ajax code

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

This is the form code . I want to pass txt1 value to Ajax

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

I want to pass txt1 value to my php page using this Ajax function.

Please tell me what exactly will come in the data attribute of Ajax

2个回答



将数据作为对象而不是字符串发送并检索文本字段的值,使用val():</ p>

  $(document).ready(function(){
$(“#sub”)。click(function(){
$ .ajax({
type:“POST “,
url:”jqueryphp.php“,
data:{
txt1:$(”#txt1“)。val()
},
成功:函数(结果){
$(” div“)。html(result);
}
});
});
});
</ code> </ pre>

http://api.jquery.com/val/ </ p>
</ div>

展开原文

原文

Send data as an object instead of a string and to retreive the value of the text field, use val():

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

http://api.jquery.com/val/

duanlu0075
duanlu0075 您也可以尝试设置缓存:“false”,因为有些人报告了IE缓存问题
8 年多之前 回复
douliao5467
douliao5467 尝试设置dataType
8 年多之前 回复
doulizhi1247
doulizhi1247 此工作人员正确但不在IE浏览器中工作
8 年多之前 回复



您的意思是:</ p>

 

$(document).ready (function(){
$(“#sub”)。click(function(){
var txt1 = $(“#txt1”)。val(); //文本框值
$ .ajax({\ n类型:“POST”,
url:“jqueryphp.php”,
cache:false,
data:“txt1 =”+ txt1,
dataType:“html”,
success:function(result) {
$(“div”)。html(result);
}
});
});
});

</ code>
</ pre>
</ DIV>

展开原文

原文

Do you mean:


$(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);
            }
        });
    });
});​


doushang2571
doushang2571 我用你的代码作为我的ajax代码。 它正在发挥作用。 我对这里的数据有点疑问:“txt1 =”+ txt1,这里我使用的数据:txt1,不是woking。 但所有其他代码都是这样的。 但我用这个不起作用的原因。 我的浏览器有什么问题
3 年多之前 回复
dongliyan7318
dongliyan7318 看到编辑过的代码,添加缓存:false,可能还有一个dataType:“html”..
8 年多之前 回复
dto52236
dto52236 此工作人员正确但不在IE浏览器中工作
8 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐