Heim > Web-Frontend > js-Tutorial > Hauptteil

So verwenden Sie js, um WebService domänenübergreifend aufzurufen

php中世界最好的语言
Freigeben: 2018-04-03 14:52:50
Original
1778 Leute haben es durchsucht

Dieses Mal werde ich Ihnen zeigen, wie Sie WebService mit JS domänenübergreifend aufrufen können. Hier sind praktische Fälle.

Schritt 1. Fügen Sie

<!--此节点可允许脚本跨域调用webservice-->
  <webServices>
   <protocols>
    <add name="HttpPost"/>
    <add name="HttpGet"/>
   </protocols>
  </webServices>
  <!--此节点可允许脚本跨域调用webservice-->
Nach dem Login kopieren

zum system.web-Knoten in web.config hinzu, Schritt 2. Webservice-Code

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Mvc;
namespace WebService
{
  /// <summary>
  /// WebService1 的摘要说明
  /// </summary>
  [WebService(Namespace = "http://tempuri.org/")]
  [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
  [System.ComponentModel.ToolboxItem(false)]
  // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。
  [System.Web.Script.Services.ScriptService]
  public class WebService1 : System.Web.Services.WebService
  {
    [ValidateInput(false)]
    [WebMethod(Description = "测试")]
    public void getDBTableInfos(string EnterpriseCode)
    {
      HttpContext.Current.Response.ContentType = "application/json;charset=utf-8";
      string jsonCallBackFunName = string.Empty;
      jsonCallBackFunName = HttpContext.Current.Request.Params["jsoncallback"].ToString();
      HttpContext.Current.Response.Write(jsonCallBackFunName + "({ \"Result\": \"" + EnterpriseCode + "\" })");
    } 
  }
}
Nach dem Login kopieren

Schritt 3. HTML-Seitenteil

Ich glaube, Sie haben das gelesen Fall in diesem Artikel Sie beherrschen die Methode. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
<!DOCTYPE html>
<html>
<head>
  <title>Index</title>
  <script src="http://www.cnblogs.com/Scripts/jquery-1.5.1.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(function () {
      $("#btnSubmit").click(function () {
        var EnterpriseCode = "39"; //企业代码        
        var dataStr = "EnterpriseCode=" + EnterpriseCode;
        $.ajax({
          type: "get",
          url: "http://xxx/xxx.asmx/AntiWebQuery_Ajax?jsoncallback?",
          dataType: "jsonp",
          jsonp: 'jsoncallback',
          data: dataStr,
          success: function (result) {
            //返回结果
            alert(result.Result);
          }
        });
      });
    });
  </script>
</head>
<body>
  <p>
    <input id="btnSubmit" type="button" value="查询" />
  </p>
</body>
</html>
Nach dem Login kopieren

Empfohlene Lektüre:

Wie sendet Ajax ein Formular und implementiert den Datei-Upload?


Wie wäre es mit den von hochgeladenen JSON-Daten? Ajax-Hintergrunderfolgsverarbeitung

Das obige ist der detaillierte Inhalt vonSo verwenden Sie js, um WebService domänenübergreifend aufzurufen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage