blocks|key|27726|text|在POST+request中，参数在请求的主体中发送，这就是为什么您在URL中看不到它们的原因。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|27727|如果您想要查看它们，请更改|27728|++++type:+'POST',|code-block|syntax|javascript|27729|至|27730|++++type:+'GET',|27731|请注意，浏览器具有开发工具，可以让您查看代码发出的完整请求。在Chrome中，它在“网络”面板中。|27732|entityMap|0|LINK|mutability|MUTABLE|url|http://en.wikipedia.org/wiki/POST_%2528HTTP%2529^0|1|C|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|6|7|12|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|13|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|14|8|@]|9|@]|C|$]]|$1|M|3|N|5|H|7|15|8|@]|9|@]|C|$I|J]]|$1|O|3|P|5|6|7|16|8|@]|9|@]|C|$]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]]]

In a <a href="http://en.wikipedia.org/wiki/POST_%28HTTP%29" rel="noreferrer">POST request</a>, the parameters are sent in the body of the request, that's why you don't see them in the URL.

If you want to see them, change

<pre><code> type: 'POST',
</code></pre>

to

<pre><code> type: 'GET',
</code></pre>

Note that browsers have development tools which lets you see the complete requests that your code issues. In Chrome, it's in the "Network" panel.

blocks|key|244025|text|我建议您在简单的情况下使用jQuery的$.post或$.get语法：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|244026|$.post('superman',+{+field1:+"hello",+field2+:+"hello2"},+
++++function(returnedData){
+++++++++console.log(returnedData);
});|code-block|syntax|javascript|244027|如果您需要捕获失败案例，只需执行以下操作：|244028|$.post('superman',+{+field1:+"hello",+field2+:+"hello2"},+
++++function(returnedData){
+++++++++console.log(returnedData);
}).fail(function(){
++++++console.log("error");
});|244029|此外，如果您总是发送JSON字符串，则可以在最后使用$.getJSON或$.post，并在最后再添加一个参数。|244030|$.post('superman',+{+field1:+"hello",+field2+:+"hello2"},+
+++++function(returnedData){
++++++++console.log(returnedData);
},+'json');|244031|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/jQuery.post/|1|http://api.jquery.com/jQuery.get/|2|http://api.jquery.com/jQuery.getJSON/#urldatacallback^0|K|6|R|5|K|6|0|R|5|1|0|0|0|0|Q|9|2|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@$9|15|A|16|B|C]|$9|17|A|18|B|C]]|D|@$9|19|A|1A|1|1B]|$9|1C|A|1D|1|1E]]|E|$]]|$1|F|3|G|5|H|7|1F|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|1G|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|1H|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|1I|8|@]|D|@$9|1J|A|1K|1|1L]]|E|$]]|$1|Q|3|R|5|H|7|1M|8|@]|D|@]|E|$I|J]]|$1|S|3|-4|5|6|7|1N|8|@]|D|@]|E|$]]]|T|$U|$5|V|W|X|E|$Y|Z]]|10|$5|V|W|X|E|$Y|11]]|12|$5|V|W|X|E|$Y|13]]]]

I would recommend you to make use of the <a href="http://api.jquery.com/jQuery.post/" rel="noreferrer"><code>$.post</code></a> or <a href="http://api.jquery.com/jQuery.get/" rel="noreferrer"><code>$.get</code></a> syntax of jQuery for simple cases:

<pre><code>$.post('superman', { field1: "hello", field2 : "hello2"}, 
 function(returnedData){
 console.log(returnedData);
});
</code></pre>

If you need to catch the fail cases, just do this:

<pre><code>$.post('superman', { field1: "hello", field2 : "hello2"}, 
 function(returnedData){
 console.log(returnedData);
}).fail(function(){
 console.log("error");
});
</code></pre>

Additionally, if you always send a JSON string, you can use <a href="http://api.jquery.com/jQuery.getJSON/#urldatacallback" rel="noreferrer">$.getJSON</a> or $.post with one more parameter at the very end.

<pre><code>$.post('superman', { field1: "hello", field2 : "hello2"}, 
 function(returnedData){
 console.log(returnedData);
}, 'json');
</code></pre>

blocks|key|27780|text|++++function+FillData()+{
++++var+param+=+$("#<%25=+TextBox1.ClientID+%25>").val();
++++$("#tbDetails").append("<img+src='Images/loading.gif'/>");
++++$.ajax({
++++++++type:+"POST",/*method+type*/
++++++++contentType:+"application/json;+charset=utf-8",
++++++++url:+"Default.aspx/BindDatatable",/*Target+function+that+will+be+return+result*/
++++++++data:+'{"data":"'+%2B+param+%2B+'"}',/*parameter+pass+data+is+parameter+name+param+is+value+*/
++++++++dataType:+"json",
++++++++success:+function(data)+{
+++++++++++++++alert("Success");
++++++++++++}
++++++++},
++++++++error:+function(result)+{
++++++++++++alert("Error");
++++++++}
++++});+++
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|27781|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> function FillData() {
 var param = $("#&lt;%= TextBox1.ClientID %&gt;").val();
 $("#tbDetails").append("&lt;img src='Images/loading.gif'/&gt;");
 $.ajax({
 type: "POST",/*method type*/
 contentType: "application/json; charset=utf-8",
 url: "Default.aspx/BindDatatable",/*Target function that will be return result*/
 data: '{"data":"' + param + '"}',/*parameter pass data is parameter name param is value */
 dataType: "json",
 success: function(data) {
 alert("Success");
 }
 },
 error: function(result) {
 alert("Error");
 }
 }); 
}
</code></pre>

blocks|key|27786|text|您可以使用$.ajax或$.post完成此操作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|27787|使用$.ajax：|27788|++++$.ajax({
++++++type:+'post',
++++++url:+'superman',
++++++data:+{+
++++++++'field1':+'hello',+
++++++++'field2':+'hello1'
++++++},
++++++success:+function+(response)+{
++++++++alert(response.status);
++++++},
++++++error:+function+()+{
++++++++alert("error");
++++++}
+++});|code-block|syntax|javascript|27789|使用$.post：|27790|++++$.post('superman',
++++++{+
++++++++'field1':+'hello',+
++++++++'field2':+'hello1'
++++++},
++++++function+(response,+status)+{
++++++++alert(response.status);
++++++}
++++);|27791|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

You can do it using $.ajax or $.post

Using $.ajax :

<pre><code> $.ajax({
 type: 'post',
 url: 'superman',
 data: { 
 'field1': 'hello', 
 'field2': 'hello1'
 },
 success: function (response) {
 alert(response.status);
 },
 error: function () {
 alert("error");
 }
 });
</code></pre>

Using $.post :

<pre><code> $.post('superman',
 { 
 'field1': 'hello', 
 'field2': 'hello1'
 },
 function (response, status) {
 alert(response.status);
 }
 );
</code></pre>

blocks|key|27828|text|对于在POST方法中发送url中的参数，您可以简单地将其附加到url，如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|27829|$.ajax({
++++type:+'POST',
++++url:+'superman?'+%2B+jQuery.param({+f1:+"hello1",+f2+:+"hello2"}),
++++//+...
});+|code-block|syntax|javascript|27830|entityMap^0|3|4|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

For send parameters in url in <code>POST</code> method You can simply append it to url like this:

<pre><code>$.ajax({
 type: 'POST',
 url: 'superman?' + jQuery.param({ f1: "hello1", f2 : "hello2"}),
 // ...
}); 
</code></pre>

blocks|key|244097|text|function+funcion(y)+{
$.ajax({
+++type:+'POST',
+++url:+'/ruta',
+++data:+{"x":+y},
+++contentType:+"application/x-www-form-urlencoded;charset=utf8",
});
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|244098|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>function funcion(y) {
$.ajax({
 type: 'POST',
 url: '/ruta',
 data: {&quot;x&quot;: y},
 contentType: &quot;application/x-www-form-urlencoded;charset=utf8&quot;,
});
}
</code></pre>

I have followed the tutorial as stated in <a href="http://api.jquery.com/jQuery.ajax/">this</a> link. In the code below for some reason the data is not appended to the url as parameters, but if I set them directly to the url using <code>/?field1="hello"</code> it works.

<pre><code>$.ajax({
 url: 'superman',
 type: 'POST',
 data: { field1: "hello", field2 : "hello2"} ,
 contentType: 'application/json; charset=utf-8',
 success: function (response) {
 alert(response.status);
 },
 error: function () {
 alert("error");
 }
 }); 
</code></pre>

How to pass parameters in $ajax POST?

jQuery

JSON

我遵循了链接中所述的教程。在下面的代码中，由于某种原因，数据没有作为参数附加到url中，但是如果我使用/?field1="hello"将它们直接设置到url中，它就可以工作。$.ajax({        url: 'superman',        type: 'POST',        data: { fiel...

问如何在$ajax POST中传递参数？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在$ajax POST中传递参数？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在$ajax POST中传递参数？
EN