blocks|key|781030|text|您可以使用val函数从输入中收集数据：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|781031|jQuery("#myInput1").val();|code-block|syntax|javascript|781032|http://api.jquery.com/val/|offset|length|781033|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|Q|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|T|8|@]|9|@$I|U|J|V|1|W]]|A|$]]|$1|K|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|H]]]]

you can use val function to collect data from inputs:

<pre><code>jQuery("#myInput1").val();
</code></pre>

<a href="http://api.jquery.com/val/" rel="noreferrer">http://api.jquery.com/val/</a>

blocks|key|781082|text|尝试使用此代码。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|781083|$.ajax({
++++++++type:+"POST",
++++++++url:+"http://rt.ja.com/includes/register.php?submit=1",
++++++++data:+"username="%2Busername%2B"&email="%2Bemail%2B"&password="%2Bpassword%2B"&passconf="%2Bpassconf,

++++++++success:+function(html)
++++++++{+++
++++++++++++//alert(html);
++++++++++++$('#userError').html(html);
++++++++++++$("#userError").html(userChar);
++++++++++++$("#userError").html(userTaken);
++++++++}
++++});|code-block|syntax|javascript|781084|我想这肯定能行得通..|781085|您还可以使用.serialize()函数通过jquery+Ajax发送数据。|offset|length|781086|i.e:+data+:+$("#registerSubmit").serialize()|781087|谢谢。|781088|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/serialize/^0|0|0|0|6|C|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|11|8|@]|9|@$K|12|L|13|1|14]]|A|$]]|$1|M|3|N|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|16|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

try as this code.

<pre><code>$.ajax({
 type: "POST",
 url: "http://rt.ja.com/includes/register.php?submit=1",
 data: "username="+username+"&amp;email="+email+"&amp;password="+password+"&amp;passconf="+passconf,

 success: function(html)
 { 
 //alert(html);
 $('#userError').html(html);
 $("#userError").html(userChar);
 $("#userError").html(userTaken);
 }
 });
</code></pre>

i think this will work definitely..

you can also use <a href="http://api.jquery.com/serialize/" rel="nofollow">.serialize()</a> function for sending data via jquery Ajax..

<pre><code>i.e: data : $("#registerSubmit").serialize()
</code></pre>

Thanks.

blocks|key|781108|text|使用serialize方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|781109|$.ajax({
++++...
++++data:+$("#registerSubmit").serialize(),
++++...
})|code-block|syntax|javascript|781110|文档：serialize()|offset|length|781111|entityMap|0|LINK|mutability|MUTABLE|url|https://api.jquery.com/serialize/^0|0|0|3|B|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

Use the serialize method:

<pre><code>$.ajax({
 ...
 data: $("#registerSubmit").serialize(),
 ...
})
</code></pre>

Docs: <a href="https://api.jquery.com/serialize/">serialize()</a>

blocks|key|781137|text|var+username+=+$('#username').val();
var+email=+$('#email').val();
var+password=+$('#password').val();|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|781138|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>var username = $('#username').val();
var email= $('#email').val();
var password= $('#password').val();
</code></pre>

blocks|key|564716|text|var+data={
+userName:+$('#userName').val(),
+email:+$('#email').val(),
+//add+other+properties+similarly
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|564717|和|unstyled|564718|$.ajax({
++++++++type:+"POST",
++++++++url:+"http://rt.ja.com/includes/register.php?submit=1",
++++++++data:+data

++++++++success:+function(html)
++++++++{+++
++++++++++++//alert(html);
++++++++++++$('#userError').html(html);
++++++++++++$("#userError").html(userChar);
++++++++++++$("#userError").html(userTaken);
++++++++}
++++});|564719|你不必操心其他的事情。jquery将处理序列化等，您还可以将提交查询字符串参数submit=1附加到data+json对象中。|564720|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$B|C]]|$1|I|3|J|5|F|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|F|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<pre><code>var data={
 userName: $('#userName').val(),
 email: $('#email').val(),
 //add other properties similarly
}
</code></pre>

and 

<pre><code>$.ajax({
 type: "POST",
 url: "http://rt.ja.com/includes/register.php?submit=1",
 data: data

 success: function(html)
 { 
 //alert(html);
 $('#userError').html(html);
 $("#userError").html(userChar);
 $("#userError").html(userTaken);
 }
 });
</code></pre>

You dont have to bother about anything else. jquery will handle the serialization etc. also you can append the submit query string parameter submit=1 into the data json object.

blocks|key|781171|text|$("#registerSubmit").serialize()+//+returns+all+the+data+in+your+form
$.ajax({
+++++type:+"POST",
+++++url:+'your+url',
+++++data:+$("#registerSubmit").serialize(),
+++++success:+function()+{
++++++++++//success+message+mybe...
+++++}
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|781172|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$("#registerSubmit").serialize() // returns all the data in your form
$.ajax({
 type: "POST",
 url: 'your url',
 data: $("#registerSubmit").serialize(),
 success: function() {
 //success message mybe...
 }
});
</code></pre>

I am trying to post form values via AJAX to a php file. How do I collect my form values to send inside of the "data" parameter?

<pre><code>$.ajax({
 type: "POST",
 data: "submit=1&amp;username="+username+"&amp;email="+email+"&amp;password="+password+"&amp;passconf="+passconf,
 url: "http://rt.ja.com/includes/register.php",
 success: function(data)
 { 
 //alert(data);
 $('#userError').html(data);
 $("#userError").html(userChar);
 $("#userError").html(userTaken);
 }
 });
</code></pre>

HTML:

<pre><code>&lt;div id="border"&gt;
 &lt;form action="/" id="registerSubmit"&gt;
 &lt;div id="userError"&gt;&lt;/div&gt;
 Username: &lt;input type="text" name="username" id="username" size="10"/&gt;&lt;br&gt;
 &lt;div id="emailError" &gt;&lt;/div&gt;
 Email: &lt;input type="text" name="email" size="10" id="email"/&gt;&lt;br&gt;
 &lt;div id="passError" &gt;&lt;/div&gt;
 Password: &lt;input type="password" name="password" size="10" id="password"/&gt;&lt;br&gt;
 &lt;div id="passConfError" &gt;&lt;/div&gt;
 Confirm Password: &lt;input type="password" name="passconf" size="10" id="passconf"/&gt;&lt;br&gt;
 &lt;input type="submit" name="submit" value="Register" /&gt;
 &lt;/form&gt;
&lt;/div&gt;
</code></pre>

jQuery - Getting form values for ajax POST

jQuery

我试图通过AJAX将表单值发送到一个php文件。如何收集要在"data“参数中发送的表单值？$.ajax({        type: "POST",        data: "submit=1&username="+username+"&email="+email+"&password="+password+"&p...

问jQuery -获取ajax POST的表单值
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery -获取ajax POST的表单值EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery -获取ajax POST的表单值
EN