Wie man AJAX verwendet, um json anzuzeigen, das von der Aktion in asp.net zurückgegeben wird mvc5

Question

Ich entwickle ein asp.net mvc5 Projekt. Ich benutze ein webapi, um Daten von einem anderen Server zu erhalten, also benutze ich unten Code, um Daten vom Server

zu lesen

public async System.Threading.Tasks.Task<string> webapicheap(string from,string to) 
     { 
      string url = "http://charter724.ir/webservice/list_period_date.php?from="+from+"&to="+to+"&id=367&%20key=EmlyCD8JOWX22cL8IuNBju5K5"; 
      System.Net.Http.HttpClient client = new System.Net.Http.HttpClient(); 
      System.Net.Http.HttpResponseMessage response = await client.GetAsync(url); 
      response.EnsureSuccessStatusCode(); 
      string responseBody = await response.Content.ReadAsStringAsync(); 
      // TempData["str"] = responseBody; 
      return responseBody; 
     } 

so verwende ich unter Skript oben Aktion aufzurufen so nach, dass eine Zeichenfolge mit dem Namen Response zu ajax-Skript in der Ansicht zurückgegeben wird, so jetzt will ich diese Informationen verwenden, die ich weiß nicht, wie dies zu tun. Bitte hilf mir, diese Aktion zu machen.

<script> 
    function f3() { 
      var from = $("#cou option:selected").val(); 
      var to = $("#destin option:selected").val(); 
      $.ajax({ 
       url: '/Home/webapicheap', 
       data: { from: from,to:to }, 
       type: 'post', 
       dataType: 'text', 
       success: function (data) { 
        // alert(data); 
        results = JSON.parse(data); 
        // alert(data.data) 
        //if (country_id != "" && zone_code != "" && duration != "" && birthday != "") { 
        // fPrice(data.token); 
        //} 
        $("#destin").html; 
        $.each(results, function (idx, res) { 
         alert(res.result.price) 
         $("#lbl1").append("<div>" + res.result.price + "</div>"); 
        }) 
       }, 
       error: function (x, y, z) { 
        alert('fail') 
        //alert(x.responseText); 
        //alert(z); 
       } 
      }); 

     } 

</script> 

Ausgang des WebAPI

{"from":"\u062a\u0647\u0631\u0627\u0646","from_code":"87","to":"\u0645\u0634\u0647\u062f","to_code":"109","result":[{"week":"\u0633\u0647 \u0634\u0646\u0628\u0647","date_flight":"05\/12","price":"","link":"Result.html?t=YTo2OntzOjQ6ImRhdGUiO3M6MTA6IjIwMTYtMDgtMDIiO3M6NDoiZnJvbSI7aToxMDAwMDtzOjI6InRvIjtpOjEwMDAxO3M6Mzoic2VjIjtpOjE0NzAxNjAxNDE7czo2OiJzZWNrZXkiO2k6MTgzMztzOjQ6InR5cGUiO3M6Mzoic3lzIjt9"},{"price":"136,000 
\u062a\u0648\u0645\u0627\u0646","from":"10000","to":"10001","date_flight":"05\/13","type_flight":"5","week":"\u0686\u0647\u0627\u0631\u0634\u0646\u0628\u0647","link":"Result.html?t=YTo1OntzOjQ6ImRhdGUiO3M6MTA6IjIwMTYtMDgtMDMiO3M6NDoiZnJvbSI7czo1OiIxMDAwMCI7czoyOiJ0byI7czo1OiIxMDAwMSI7czozOiJzZWMiO2k6MTQ3MDE2MDE0MTtzOjY6InNlY2tleSI7aToxODMzO30="},{"price":"129,000 
\u062a\u0648\u0645\u0627\u0646","from":"10000","to":"10001","date_flight":"05\/14","type_flight":"5","week":"\u067e\u0646\u062c\u0634\u0646\u0628\u0647","link":"Result.html?t=YTo1OntzOjQ6ImRhdGUiO3M6MTA6IjIwMTYtMDgtMDQiO3M6NDoiZnJvbSI7czo1OiIxMDAwMCI7czoyOiJ0byI7czo1OiIxMDAwMSI7czozOiJzZWMiO2k6MTQ3MDE2MDE0MTtzOjY6InNlY2tleSI7aToxODMzO30="},{"price":"120,000 
\u062a\u0648\u0645\u0627\u0646","from":"10000","to":"10001","date_flight":"05\/15","type_flight":"5","week":"\u062c\u0645\u0639\u0647","link":"Result.html?t=YTo1OntzOjQ6ImRhdGUiO3M6MTA6IjIwMTYtMDgtMDUiO3M6NDoiZnJvbSI7czo1OiIxMDAwMCI7czoyOiJ0byI7czo1OiIxMDAwMSI7czozOiJzZWMiO2k6MTQ3MDE2MDE0MTtzOjY6InNlY2tleSI7aToxODMzO30="},{"price":"125,000 
\u062a\u0648\u0645\u0627\u0646","from":"10000","to":"10001","date_flight":"05\/16","type_flight":"5","week":"\u0634\u0646\u0628\u0647","link":"Result.html?t=YTo1OntzOjQ6ImRhdGUiO3M6MTA6IjIwMTYtMDgtMDYiO3M6NDoiZnJvbSI7czo1OiIxMDAwMCI7czoyOiJ0byI7czo1OiIxMDAwMSI7czozOiJzZWMiO2k6MTQ3MDE2MDE0MTtzOjY6InNlY2tleSI7aToxODMzO30="},{"price":"130,000 
\u062a\u0648\u0645\u0627\u0646","from":"10000","to":"10001","date_flight":"05\/17","type_flight":"5","week":"\u06cc\u06a9\u0634\u0646\u0628\u0647","link":"Result.html?t=YTo1OntzOjQ6ImRhdGUiO3M6MTA6IjIwMTYtMDgtMDciO3M6NDoiZnJvbSI7czo1OiIxMDAwMCI7czoyOiJ0byI7czo1OiIxMDAwMSI7czozOiJzZWMiO2k6MTQ3MDE2MDE0MTtzOjY6InNlY2tleSI7aToxODMzO30="},{"price":"141,000 
\u062a\u0648\u0645\u0627\u0646","from":"10000","to":"10001","date_flight":"05\/18","type_flight":"5","week":"\u062f\u0648\u0634\u0646\u0628\u0647","link":"Result.html?t=YTo1OntzOjQ6ImRhdGUiO3M6MTA6IjIwMTYtMDgtMDgiO3M6NDoiZnJvbSI7czo1OiIxMDAwMCI7czoyOiJ0byI7czo1OiIxMDAwMSI7czozOiJzZWMiO2k6MTQ3MDE2MDE0MTtzOjY6InNlY2tleSI7aToxODMzO30="},{"price":"159,000 
\u062a\u0648\u0645\u0627\u0646","from":"10000","to":"10001","date_flight":"05\/19","type_flight":"5","week":"\u0633\u0647 \u0634\u0646\u0628\u0647","link":"Result.html?t=YTo1OntzOjQ6ImRhdGUiO3M6MTA6IjIwMTYtMDgtMDkiO3M6NDoiZnJvbSI7czo1OiIxMDAwMCI7czoyOiJ0byI7czo1OiIxMDAwMSI7czozOiJzZWMiO2k6MTQ3MDE2MDE0MTtzOjY6InNlY2tleSI7aToxODMzO30="},{"price":"181,000 
\u062a\u0648\u0645\u0627\u0646","from":"10000","to":"10001","date_flight":"05\/20","type_flight":"5","week":"\u0686\u0647\u0627\u0631\u0634\u0646\u0628\u0647","link":"Result.html?t=YTo1OntzOjQ6ImRhdGUiO3M6MTA6IjIwMTYtMDgtMTAiO3M6NDoiZnJvbSI7czo1OiIxMDAwMCI7czoyOiJ0byI7czo1OiIxMDAwMSI7czozOiJzZWMiO2k6MTQ3MDE2MDE0MTtzOjY6InNlY2tleSI7aToxODMzO30="},{"price":"183,400 
\u062a\u0648\u0645\u0627\u0646","from":"10000","to":"10001","date_flight":"05\/21","type_flight":"5","week":"\u067e\u0646\u062c\u0634\u0646\u0628\u0647","link":"Result.html?t=YTo1OntzOjQ6ImRhdGUiO3M6MTA6IjIwMTYtMDgtMTEiO3M6NDoiZnJvbSI7czo1OiIxMDAwMCI7czoyOiJ0byI7czo1OiIxMDAwMSI7czozOiJzZWMiO2k6MTQ3MDE2MDE0MTtzOjY6InNlY2tleSI7aToxODMzO30="},{"price":"171,000 
\u062a\u0648\u0645\u0627\u0646","from":"10000","to":"10001","date_flight":"05\/22","type_flight":"5","week":"\u062c\u0645\u0639\u0647","link":"Result.html?t=YTo1OntzOjQ6ImRhdGUiO3M6MTA6IjIwMTYtMDgtMTIiO3M6NDoiZnJvbSI7czo1OiIxMDAwMCI7czoyOiJ0byI7czo1OiIxMDAwMSI7czozOiJzZWMiO2k6MTQ3MDE2MDE0MTtzOjY6InNlY2tleSI7aToxODMzO30="},{"price":"171,000 
\u062a\u0648\u0645\u0627\u0646","from":"10000","to":"10001","date_flight":"05\/23","type_flight":"5","week":"\u0634\u0646\u0628\u0647","link":"Result.html?t=YTo1OntzOjQ6ImRhdGUiO3M6MTA6IjIwMTYtMDgtMTMiO3M6NDoiZnJvbSI7czo1OiIxMDAwMCI7czoyOiJ0byI7czo1OiIxMDAwMSI7czozOiJzZWMiO2k6MTQ3MDE2MDE0MTtzOjY6InNlY2tleSI7aToxODMzO30="},{"price":"141,000 
\u062a\u0648\u0645\u0627\u0646","from":"10000","to":"10001","date_flight":"05\/24","type_flight":"5","week":"\u06cc\u06a9\u0634\u0646\u0628\u0647","link":"Result.html?t=YTo1OntzOjQ6ImRhdGUiO3M6MTA6IjIwMTYtMDgtMTQiO3M6NDoiZnJvbSI7czo1OiIxMDAwMCI7czoyOiJ0byI7czo1OiIxMDAwMSI7czozOiJzZWMiO2k6MTQ3MDE2MDE0MTtzOjY6InNlY2tleSI7aToxODMzO30="},{"price":"148,000 
\u062a\u0648\u0645\u0627\u0646","from":"10000","to":"10001","date_flight":"05\/25","type_flight":"5","week":"\u062f\u0648\u0634\u0646\u0628\u0647","link":"Result.html?t=YTo1OntzOjQ6ImRhdGUiO3M6MTA6IjIwMTYtMDgtMTUiO3M6NDoiZnJvbSI7czo1OiIxMDAwMCI7czoyOiJ0byI7czo1OiIxMDAwMSI7czozOiJzZWMiO2k6MTQ3MDE2MDE0MTtzOjY6InNlY2tleSI7aToxODMzO30="},{"price":"161,000 
\u062a\u0648\u0645\u0627\u0646","from":"10000","to":"10001","date_flight":"05\/26","type_flight":"5","week":"\u0633\u0647 \u0634\u0646\u0628\u0647","link":"Result.html?t=YTo1OntzOjQ6ImRhdGUiO3M6MTA6IjIwMTYtMDgtMTYiO3M6NDoiZnJvbSI7czo1OiIxMDAwMCI7czoyOiJ0byI7czo1OiIxMDAwMSI7czozOiJzZWMiO2k6MTQ3MDE2MDE0MTtzOjY6InNlY2tleSI7aToxODMzO30="}],"ndate":1,"ldate":-1,"next_name":"15 \u0631\u0648\u0632 \u0628\u0639\u062f","prev_name":"15 \u0631\u0648\u0632 \u0642\u0628\u0644","path_name":"\u0645\u0633\u06cc\u0631 \u067e\u0631\u0648\u0627\u0632\u06cc "} 

Answer 1

Ihr JSON Ergebnis enthält die tatsächlichen Ergebnisse Array unter der result Eigenschaft. Versuchen Sie, die Linie results = JSON.parse(data); zu results = JSON.parse(data).result;

auch ändern, die Linie $("#destin").html; ist nichts zu tun - es entfernen.