blocks|key|1073796|text|dataType:+'json',|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1073797|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>dataType: 'json',
</code></pre>


blocks|key|859295|text|我也遇到过同样的问题。你不能把一个对象作为"data“发送，你需要把这个对象串起来。改为尝试此操作，并将您的对象字符串化：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|859296|$.ajax({
+++++++url:+url,
+++++++type:+'POST',
+++++++contentType:'application/json',
+++++++data:+'{
++++++++++name:"test",
++++++++++key:"foo",
++++++++++key2:"bar"
+++++++}',
+++++++dataType:'json'
});|code-block|syntax|javascript|859297|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>I've had the same problem. You can't send an object as "data", you need to stringify the object. Try this instead, with your object stringified:</p>

<pre><code>$.ajax({
       url: url,
       type: 'POST',
       contentType:'application/json',
       data: '{
          name:"test",
          key:"foo",
          key2:"bar"
       }',
       dataType:'json'
});
</code></pre>


blocks|key|859433|text|+var+data+=+{'bob':'foo','paul':'dog'};
+$.ajax({
+++url:+url,
+++type:+'POST',
+++contentType:'application/json',
+++data:+JSON.stringify(data),
+++dataType:'json'
+});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|859434|/**添加了**/|unstyled|859435|上面的代码不会对来自服务器的响应做任何事情，如果你需要做一些事情，那么当服务器响应时，会调用一个回调函数。|859436|+var+data+=+{'bob':'foo','paul':'dog'};
+$.ajax({
+++url:+url,
+++type:+'POST',
+++contentType:'application/json',
+++data:+JSON.stringify(data),
+++dataType:'json',
+++success:+function(data){
+++++//On+ajax+success+do+this
+++++alert(data);
++++++},
+++error:+function(xhr,+ajaxOptions,+thrownError)+{
++++++//On+error+do+this
++++++++if+(xhr.status+==+200)+{

++++++++++++alert(ajaxOptions);
++++++++}
++++++++else+{
++++++++++++alert(xhr.status);
++++++++++++alert(thrownError);
++++++++}
++++}
+});|859437|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|F|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$B|C]]|$1|K|3|-4|5|F|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<pre><code> var data = {'bob':'foo','paul':'dog'};
 $.ajax({
   url: url,
   type: 'POST',
   contentType:'application/json',
   data: JSON.stringify(data),
   dataType:'json'
 });
</code></pre>

<p>/**  Added **/</p>

<p>The above does not do anything with the response from the server if you need to do something then a callback will be called when the server has responded.</p>

<pre><code> var data = {'bob':'foo','paul':'dog'};
 $.ajax({
   url: url,
   type: 'POST',
   contentType:'application/json',
   data: JSON.stringify(data),
   dataType:'json',
   success: function(data){
     //On ajax success do this
     alert(data);
      },
   error: function(xhr, ajaxOptions, thrownError) {
      //On error do this
        if (xhr.status == 200) {

            alert(ajaxOptions);
        }
        else {
            alert(xhr.status);
            alert(thrownError);
        }
    }
 });
</code></pre>


blocks|key|859480|text|此外，是否有必要创建一个参数并使用JSON.stringify赋值|type|unstyled|depth|inlineStyleRanges|entityRanges|data|859481|....
data:+"jsonString="%2BJSON.stringify(data),
...|code-block|syntax|javascript|859482|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Also, is necesary can create a parameter and assign the value with JSON.stringify</p>

<pre><code>....
data: "jsonString="+JSON.stringify(data),
...
</code></pre>


blocks|key|859516|text|试试这个：http://www.abeautifulsite.net/blog/2008/05/postjson-for-jquery/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|859517|它要短得多：|859518|$.post(url,+data,+function(response)+{
++++//+Do+something+with+the+response
},+'json');|code-block|syntax|javascript|859519|entityMap|0|LINK|mutability|MUTABLE|url|http://www.abeautifulsite.net/blog/2008/05/postjson-for-jquery/^0|5|1R|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

<p>Try this: <a href="http://www.abeautifulsite.net/blog/2008/05/postjson-for-jquery/" rel="nofollow">http://www.abeautifulsite.net/blog/2008/05/postjson-for-jquery/</a></p>

<p>Its a lot shorter:</p>

<pre><code>$.post(url, data, function(response) {
    // Do something with the response
}, 'json');
</code></pre>


blocks|key|859574|text|我同意必须将数据转换为JSON字符串，这不仅是为了与dataType和contentType设置一致，更重要的是为了满足服务器的要求。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|859575|data:+JSON.stringify(data),
dataType:'json'|code-block|syntax|javascript|859576|entityMap^0|Q|8|Z|B|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

<p>I agree the data must be converted into a JSON string, not only to agree with the <code>dataType</code> and <code>contentType</code> setup but more importantly, to satisfy the server. </p>

<pre><code>data: JSON.stringify(data),
dataType:'json'
</code></pre>


blocks|key|1074160|text|有许多方法可以将JSON数据发送到服务器|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1074161|1.使用Ajax|1074162|var+data+=+<?php+echo+json_encode($data)+?>;
var+url++=+'<?php+echo+$url+?>';
jQuery.ajax({
++++type:+"POST",
++++url:+url,
++++data:+JSON.stringify(data),
++++contentType:+"application/json;+charset=utf-8",
++++dataType:+"json",
++++success:+function(data){
++++++++var+jsonObj+=+jQuery.parseJSON(data);
++++++++alert(jsonObj.encPassword);
++++},
++++failure:+function(errorMsg)+{
++++++++alert(errorMsg);
++++}
});|code-block|syntax|javascript|1074163|2.使用Curl|1074164|<?php
$content+=+json_encode($data);

$curl+=+curl_init($url);
curl_setopt($curl,+CURLOPT_HEADER,+false);
curl_setopt($curl,+CURLOPT_RETURNTRANSFER,+true);
curl_setopt($curl,+CURLOPT_HTTPHEADER,
++++++++array("Content-type:+application/json"));
curl_setopt($curl,+CURLOPT_POST,+true);
curl_setopt($curl,+CURLOPT_POSTFIELDS,+$content);
curl_setopt($curl,+CURLOPT_SSL_VERIFYPEER,+false);+//curl+error+SSL+certificate+problem,+verify+that+the+CA+cert+is+OK

$result+++++=+curl_exec($curl);
$response+++=+json_decode($result);
var_dump($response);
curl_close($curl);
?>|1074165|3.使用流|1074166|<?php
$options+=+array(
++++'http'+=>+array(
++++++++'method'++=>+'POST',
++++++++'content'+=>+json_encode(+$data+),
++++++++'header'=>++"Content-Type:+application/json\r\n"+.
++++++++++++++++++++"Accept:+application/json\r\n"
++++++)
);

$context+++++=+stream_context_create($options);
$result++++++=+file_get_contents($url,+false,+$context);
$response++++=+json_decode($result);
var_dump($response);|1074167|4.原始HTTP帖子|1074168|使用Zend+Framework的HTTP客户端：http://framework.zend.com/manual/en/zend.http.client.advanced.html#zend.http.client.raw_post_data|offset|length|1074169|$json+=+json_encode($data);
$client+=+new+Zend_Http_Client($url);
$client->setRawData($json,+'application/json')->request('POST');
var_dump($client->request()->getBody());|1074170|来源：-+https://blog.magepsycho.com/sending-json-data-remote-server/|1074171|entityMap|0|LINK|mutability|MUTABLE|url|http://framework.zend.com/manual/en/zend.http.client.advanced.html#zend.http.client.raw_post_data|1|https://blog.magepsycho.com/sending-json-data-remote-server/^0|0|0|0|0|0|0|0|0|P|2P|0|0|0|5|1O|1|0^^$0|@$1|2|3|4|5|6|7|1A|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1B|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|1C|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|1D|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|1E|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|1F|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|1G|8|@]|9|@]|A|$G|H]]|$1|Q|3|R|5|6|7|1H|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|1I|8|@]|9|@$U|1J|V|1K|1|1L]]|A|$]]|$1|W|3|X|5|F|7|1M|8|@]|9|@]|A|$G|H]]|$1|Y|3|Z|5|6|7|1N|8|@]|9|@$U|1O|V|1P|1|1Q]]|A|$]]|$1|10|3|-4|5|6|7|1R|8|@]|9|@]|A|$]]]|11|$12|$5|13|14|15|A|$16|17]]|18|$5|13|14|15|A|$16|19]]]]

<p>There are many ways to send JSON data to the server</p>

<h2>1. Using Ajax</h2>

<pre><code>var data = &lt;?php echo json_encode($data) ?&gt;;
var url  = '&lt;?php echo $url ?&gt;';
jQuery.ajax({
    type: "POST",
    url: url,
    data: JSON.stringify(data),
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function(data){
        var jsonObj = jQuery.parseJSON(data);
        alert(jsonObj.encPassword);
    },
    failure: function(errorMsg) {
        alert(errorMsg);
    }
});
</code></pre>

<h2>2. Using Curl</h2>

<pre><code>&lt;?php
$content = json_encode($data);

$curl = curl_init($url);
curl_setopt($curl, CURLOPT_HEADER, false);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
curl_setopt($curl, CURLOPT_HTTPHEADER,
        array("Content-type: application/json"));
curl_setopt($curl, CURLOPT_POST, true);
curl_setopt($curl, CURLOPT_POSTFIELDS, $content);
curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false); //curl error SSL certificate problem, verify that the CA cert is OK

$result     = curl_exec($curl);
$response   = json_decode($result);
var_dump($response);
curl_close($curl);
?&gt;
</code></pre>

<h2>3. Using Streams</h2>

<pre><code>&lt;?php
$options = array(
    'http' =&gt; array(
        'method'  =&gt; 'POST',
        'content' =&gt; json_encode( $data ),
        'header'=&gt;  "Content-Type: application/json\r\n" .
                    "Accept: application/json\r\n"
      )
);

$context     = stream_context_create($options);
$result      = file_get_contents($url, false, $context);
$response    = json_decode($result);
var_dump($response);
</code></pre>

<h2>4. Raw HTTP Post</h2>

<p>Using Zend Framework’s HTTP client: <a href="http://framework.zend.com/manual/en/zend.http.client.advanced.html#zend.http.client.raw_post_data" rel="nofollow noreferrer">http://framework.zend.com/manual/en/zend.http.client.advanced.html#zend.http.client.raw_post_data</a></p>

<pre><code>$json = json_encode($data);
$client = new Zend_Http_Client($url);
$client-&gt;setRawData($json, 'application/json')-&gt;request('POST');
var_dump($client-&gt;request()-&gt;getBody());
</code></pre>

<p>SOURCE:- <a href="https://blog.magepsycho.com/sending-json-data-remote-server/" rel="nofollow noreferrer">https://blog.magepsycho.com/sending-json-data-remote-server/</a></p>


<p>Well, here is the story:</p>

<p>I have some data need to send to server, but they should turned into JSON dataType first.</p>

<p>I made such ajax call:</p>

<pre><code>    $.ajax({
       url: url, // the url I want to post to.
       type: 'POST',
       contenttype:'application/json; charset=utf-8',
       beforeSend: //some HTTP basic auth stuff
       data: {
          name:'test',
          key:'foo',
          key2:'bar'
       },
       dataType:'JSON'
});
</code></pre>

<p>basically I'm expecting the data I send to server was:</p>

<pre><code>[name:test,key:foo,key2:bar]
</code></pre>

<p>but what I've got was:</p>

<pre><code>name=test&amp;key=foo&amp;key2=bar
</code></pre>

<p>What did I missing? How can I get those data into JSON?</p>


How can I send JSON data to server

数据转换

服务器

jQuery

JSON

好吧，故事是这样的：我有一些数据需要发送到服务器，但他们应该首先转换成JSON dataType。我做了这样的ajax调用：    $.ajax({       url: url, // the url I want to post to.       type: 'POST',       contenttype:'...

问如何将JSON数据发送到服务器
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将JSON数据发送到服务器EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将JSON数据发送到服务器
EN