javascript – Der domänenübergreifende JSONP-Zugriff überträgt keine Daten. Bitten Sie um Rat

Question

Ich bin ein Front-End-Neuling und bin auf das Problem des domänenübergreifenden Zugriffs gestoßen, daher bin ich hierher gekommen, um um Rat zu fragen. Das Folgende ist ein von Postman automatisch generiertes JQuery-Skript. Es ist in Postman verfügbar, aber nachdem es eingefügt wurde Während des Zugriffs erfolgt ein bestimmter domänenübergreifender HTML-Zugriff. Die abgelehnte Frage ist in Abbildung 1 unten dargestellt.

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
             
             

Das Folgende ist der Zugangscode mit jsonp, den ich online gefunden habe. Ich kann erfolgreich auf die getTicket-Schnittstelle zugreifen, aber
Wie übergebe ich die im obigen Code angezeigten Daten an den Server? , bitte um Rat
Dieses Problem sollte für jeden mit ein paar Front-End-Grundlagen sehr einfach sein, aber ein Anfänger wie ich weiß nicht, wie es geht!

<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>

Das Folgende ist die RESTFUL-Schnittstelle meines Servers:

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

Answer 1

jsonp只能Get,你可以考虑使用CORS来跨域

 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');
 }