jQuery Ajax呼び出しWebServiceインスタンスの詳細

JQuery Ajaxはwebserviceのいくつかの経験記録を呼び出し、この例ではドメイン間でCoreソリューションが使用されていることを解決し、次の記事ではJSドメイン間での問題について説明します.

インスタンス!例!インスタンス!

ドメイン間ソリューション

インスタンス-ソース
フロントエンド

function SendPost(){
    $.ajax({
        'url':'http://100.80.62.40:8080/WebService.asmx/HelloWorld',
        'type':'POST',
        'contentType': "application/json; charset=utf-8",
        'data':'',
        'dataType':'json',
        'success': function(response){
            console.log(response);
            console.log(response.d);
            console.log(JSON.parse(response.d));
        }
    });
}

ここにはやはり小さな問題があるので、ついでに紹介しましょう.じゃあJSONについてparse解析の問題は、実はこれは小さな問題で、JSONのこの正しいフォーマットは:{“result”:“success”}で、内容は必ず二重引用符で、単引用符ではなく、単引用符でこのような間違いが発生することに注意します.したがって,webservicメソッドではjsonフォーマットを正しく使用するために,二重引用符変換を用いる. ,
WebService

[WebMethod]
public string HelloWorld()
{
    return "{\"result\":\"success\"}";
}

Web.Config
system.Web、WebServiceとそのサブラベルの書き方に注意

 <system.web>
    <compilation targetFramework="4.5.2" debug="true"/>
    <httpRuntime targetFramework="4.5.2"/>
    <httpModules>
      <add name="ApplicationInsightsWebTracking" type="Microsoft.ApplicationInsights.Web.ApplicationInsightsHttpModule, Microsoft.AI.Web"/>
    httpModules>
    
    <webServices>
      <protocols>
        <add name="HttpGet"/>
        <add name="HttpPost"/>
      protocols>
    webServices>
  system.web>

第2部では、このブロックはJSのソースポリシー、ドメイン間の問題を解決するためです.非同源呼び出しの許可

<system.webServer>
    
    <httpProtocol>
      <customHeaders>
        <add name="Access-Control-Allow-Methods" value="OPTIONS,POST,GET"/>
        <add name="Access-Control-Allow-Headers" value="x-requested-with,content-type"/>
        <add name="Access-Control-Allow-Origin" value="*" />
      customHeaders>
    httpProtocol>
  system.webServer>