aspx

最新推荐文章于 2022-05-31 16:02:59 发布

Bill11YAng

最新推荐文章于 2022-05-31 16:02:59 发布

阅读量177

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/softuse/article/details/86599821

本文介绍了一个使用JSONP实现跨域请求的例子，通过在Global.aspx中注册路由，设置CustomerService服务，并在HTML页面中调用该服务获取客户信息。展示了如何在客户端通过创建script标签实现跨域数据获取。

Global.aspx

<%@ Application Language="C#" %>
<%@ Import Namespace="Microsoft.Samples.Jsonp" %>
<%@ Import Namespace="System.Web.Routing" %>
<%@ Import Namespace="System.ServiceModel.Activation" %>

}

private void RegisterRoutes(RouteCollection routes)
{
routes.Add(new ServiceRoute("CustomerService", new WebScriptServiceHostFactory(), typeof(CustomerService)));

}
</script>

程序开始先执行Global函数 , CustomerService对应的是 url(http://localhost:62525/CustomerService/GetCustomer?callback=JsonPCallBack)中的CustomerService

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>JSONP Service Client Page</title>

    <script type="text/javascript">
    // <![CDATA[
    
    function JsonPCallBack(result){
    document.getElementById("name").value = result.Name;
    document.getElementById("address").value = result.Address;
    }

    function jsonp(url)
    {                 
        var script = document.createElement("script");        
        script.setAttribute("src",url);
        script.setAttribute("type","text/javascript");                
        document.body.appendChild(script);
    }
    // ]]>
    </script>

</head>
<body>
    <h1>
        JSONP Service Client Page</h1>
        Customer:
        <p/>
        Name: <input type="text" id="name"/>
        <p/>
        Address: <input type="text" id="address"/>
        <script type="text/javascript" defer="defer">jsonp('http://localhost:62525/CustomerService/GetCustomer?callback=JsonPCallBack');</script>
</body>
</html>