suchen

Heim  >  Fragen und Antworten  >  Hauptteil

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

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)
漂亮男人漂亮男人2824 Tage vor666

Antworte allen(1)Ich werde antworten

  • 黄舟

    黄舟2017-05-19 10:48:03

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

    Antwort
    0
  • StornierenAntwort