javascript - Akses merentas domain Jsonp tidak menghantar data

Question

Saya seorang pemula hadapan dan menghadapi masalah akses merentas domain, jadi saya datang ke sini untuk meminta nasihat Berikut adalah skrip jquery yang dijana secara automatik oleh posmen, tetapi selepas ia diletakkan html tertentu, akses merentas domain akan berlaku semasa akses Soalan yang ditolak ditunjukkan dalam Rajah 1 di bawah.

var form = new FormData();
form.append("data", "[{\"serviceUrl\" : \"/bank_auth\",\"apiKey\" : \"3FE8D08DB99D326D\",\"areacode\":\"000000\"} ]");

var settings = {
  "async": true,
  "crossDomain": true,
  "url": "http://xxx.xxx.com:58080/gateway-web-1.8.0/getTicket",
  "method": "POST",
  "headers": {
    "cache-control": "no-cache",
    "postman-token": "932148f8-c97b-631c-5a3e-8411a622abd9"
  },
  "processData": false,
  "contentType": false,
  "mimeType": "multipart/form-data",
  "data": form
}

$.ajax(settings).done(function (response) {
  console.log(response);
});

             图1
             
             

Berikut ialah kod akses menggunakan jsonp yang saya temui dalam talian saya berjaya mengakses antara muka getTicket, tetapi
Bagaimana untuk menghantar data yang ditunjukkan dalam kod di atas ke pelayan? , sila nasihatkan
Masalah ini sepatutnya sangat mudah untuk sesiapa sahaja yang mempunyai beberapa asas bahagian hadapan, tetapi orang baru seperti saya tidak tahu bagaimana untuk melakukannya!

<script>
        function submitForm(){
            var form = new FormData();
            form.append(
                            "data",
                            "[{\"serviceUrl\" : \"/bank_auth\",\"apiKey\" : \"3FE8D08DB99D326D\",\"areacode\":\"000000\"} ]");
            var url = 'http://xxx.xxxxx.com:58080/gateway-web-1.8.0/getTicket';
           $.ajax(url, {  
             data: form,  
             dataType: 'jsonp',  
             crossDomain: true,  
             success: function(data) {  
               if(data && data.resultcode == '200'){  
                 console.log(data.result.today);  
               }  
             }//success: function(data)  
           });  //$.ajax(url, { 
        }//function submitForm()
        function clearForm(){
            $('#ff').form('clear');
        }
    </script>

Berikut ialah antara muka RESTFUL pelayan saya:

    @RequestMapping(value = "/getTicket", method = { RequestMethod.POST, RequestMethod.GET })
    public String executeTicket(HttpServletRequest request, HttpServletResponse response, String data)

Answer 1

jsonp hanya dapat, anda boleh pertimbangkan untuk menggunakan CORS untuk domain silang

 function submitForm() {
     var url = 'http://xxx.xxxxx.com:58080/gateway-web-1.8.0/getTicket';
     $.ajax({
         url: url,
         method: 'post',
         contentType:'application/json',
         data: JSON.stringify({
             serviceUrl: 'bank_auth',
             apiKey: '3FE8D08DB99D326D',
             areacode: '000000'
         }),
         dataType: 'json',
         crossDomain: true,
         success: function(data) {
                 if (data && data.resultcode == '200') {
                     console.log(data.result.today);
                 }
             } //success: function(data)  
     }); //$.ajax(url, { 
 } //function submitForm()
 function clearForm() {
     $('#ff').form('clear');
 }