使用$ .Ajax（）與POST方法發送JSON

Question

我想發送一個JSON對象使用jquery中的$ .ajax（）與一個POST方法，從我的純html頁面，到一個數據端點endpoint.the響應標題在火災bug給我「內部服務器錯誤」，請任何一個告訴我，我在這裏做錯了： HTTP/1.1 500錯誤 X-Backside-Transport：失敗失敗 內容類型：文本/ xml 連接：接近

我的jQuery代碼看起來是這樣的：

$(document).ready(function() { 
      $('#btn_submitcallback').click(function() { 

       //add the values we need for the API to an object 
       var objCallbackData = new Object; 
       var d = new Date(); 
       var dat = d.getDate(); 
       var mon = d.getMonth() + 1; 
       var year = d.getFullYear(); 
       var todayDate = dat + "/" + mon + "/" + year; 
       alert("inside submit callback"); 
       //build the object 
       objCallbackData.Store_Code = "POO726"; //$('#sel_title').val(); 
       objCallbackData.Title = $('#sel_title').val(); 
       objCallbackData.First_Name = $('#txt_firstname').val(); 
       objCallbackData.Last_Name = $('#txt_surname').val(); 
       objCallbackData.House_Number = $('#txt_houseno').val(); 
       objCallbackData.Street = $('#txt_streetname').val(); 
       objCallbackData.City = $('#txt_city').val(); 
       objCallbackData.Post_Code = $('#txt_postcode').val(); 
       objCallbackData.Email = $('#txt_email').val(); 
       objCallbackData.Phone_Number = $('#txt_phone').val(); 
       objCallbackData.Project_Type = "Bathroom"; 
       objCallbackData.Callbacktime_Morning = "Y"; 
       objCallbackData.Callbacktime_Afternoon = "Y"; 
       objCallbackData.Callbacktime_Evening = "N"; 
       objCallbackData.Callbacktime_Weekend = "N"; 
       objCallbackData.Callbacktime_Weekday = "Y"; 
       objCallbackData.Helparea_Measuring = "Y"; 
       objCallbackData.Helparea_Designing = "N"; 
       objCallbackData.Helparea_Usingspaces = "N"; 
       objCallbackData.Helparea_Services = "N"; 
       objCallbackData.Helparea_Productinfo = "N"; 
       objCallbackData.Status = "O"; 
       objCallbackData.Date = todayDate; 

       // alert(objCallbackData.date); 


       //turn the object in to a JSON string 
       var myJson = JSON.stringify(objCallbackData); 
       alert(myJson); 


       $.ajax({ 
        type: 'POST', 
        url: 'http://xb629050-s1.uk.b-and-q.com:9340/api/callback', 
        contentType: 'application/json; charset=utf-8', 
        data: myJson, 
        dataType: 'json', 
        success: function() { 
         alert("good"); 
        }, 
        error: function (xhr, status) { 
         switch (status) { 
          case 404: 
           alert('File not found'); 
           break; 
          case 500: 
           alert('Server error'); 
           break; 
          case 0: 
           alert('Request aborted'); 
           break; 
          default: 
           alert('Unknown error: ' + xhr.statusText); 
         } 
        } 
       }); 


      }); 
     }); 

Answer 1

阿賈克斯不支持跨域REQ uest。 您需要爲此使用jsonp方法。

也看到這個

How to make cross domain ajax call using jQuery JSONP

Answer 2

@Thrustmaster是正確的，你不能使用跨域異步操作POST請求需要使用GET，因爲引擎蓋下將加載腳本標籤內容。

試試這個：

$.getJSON("http://xb629050-s1.uk.b-and-q.com:9340/api?callback=?", 
    objCallbackData, processServerResponse); 

其中processServerResponse是函數，將獲取數據後，被稱爲：

function processServerResponse(data) { 
// processing data from server 
} 

請參閱例如「免費geoIP'服務。嘗試瀏覽：http://freegeoip.net/json/?callback=handleResponse

PS一些摘自維基：

..網頁從server1.example.com服務無法正常連接 或比server1.example.com其他服務器進行通信。幾個 例外包括HTML元素。利用元素的開放 策略，一些頁面使用它們來檢索 JavaScript代碼，該代碼對來自其他來源的動態生成的JSON格式的 數據進行操作。這種使用模式被稱爲JSONP。 JSONP請求不是檢索JSON，而是任意JavaScript代碼。 它們由JavaScript解釋器進行評估，而不是由JSON 解析器進行分析。