2016-07-14 58 views
1

作爲我的應用程序的一部分,我想將JSON對象提交給返回JSON響應的PHP腳本。該域不是遵循同源策略,即JSON是從不同的域提交的,所以在做了一些研究後,我明白我需要使用JSONP。現在花了超過10個小時後,我想不出任何其他解決方案。任何人都可以幫助我瞭解我的問題在哪裏?將JSONP提交給PHP

JavaScript代碼段:

var jsondata = { 
 
     "variablA": "valueA", 
 
     "variables": { 
 
      "variableB": "valueB", 
 
      "variableC": "valueC" 
 
     }; 
 

 
     var encodedjson = JSON.stringify(jsondata); 
 

 

 

 
     $.ajax({ 
 
      url: 'update.php', 
 
      type: 'POST', 
 
      contentType: 'application/json', 
 
      dataType: "jsonp", 
 
      data: { 
 
       "data": encodedjson 
 
      }, 
 
      success: function(data) { 
 
       alert(data); 
 
      }, 
 
      error: function(xhr, ajaxOptions, thrownError) { 
 
       //On error do this 
 
       $.mobile.loading('hide') 
 
       if (xhr.status == 200) { 
 

 
        alert(ajaxOptions); 
 
       } else { 
 
        alert(xhr.status); 
 
        alert(thrownError); 
 
       } 
 
      } 
 
     });

PHP:

$array = json_decode($_REQUEST['data'], true); 
 

 
$valueA = $array['variableA']; 
 
$valueB = $array['variables']['variableB']; 
 
$valueC = $array['variables']['variableC']; 
 

 

 
$values = array('variableB' => $valueB, 'variableC' => $valueC); 
 

 
$respencode = array('variableA' => $valueA, 'variables' => $values); 
 

 
header('Content-type: application/json'); 
 
echo json_encode($respencode);

+1

你讀過關於JSON-P的內容嗎?只需通過更改jQuery'$ .ajax()'中的'dataType',就無法將標準的JSON響應轉換爲JSON-P。服務器端代碼需要在一個函數調用中包裝JSON,也就是說,不是用'{「key」:「val」}來響應,而應該返回'callback({「key」:「val」});' – nnnnnn

+0

POST和JSONP不混合。並且您的PHP代碼沒有返回JSONP – epascarello

回答

0

對於Ajax知道它在處理一個JSONP REQ你需要用一個回調查詢字符串像So這樣重寫URL:

url:'update.php?callback =?'

+1

由於dataType:「jsonp」參數,jQuery爲您處理這個問題,但服務器端代碼仍然必須以正確的格式返回響應。 – nnnnnn