博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS跨域ajax访问
阅读量:5908 次
发布时间:2019-06-19

本文共 2169 字,大约阅读时间需要 7 分钟。

方式1:jsonp解决跨域访问

需要服务和js配合

服务

[WebMethod]        public void HelloWorld2(string name)        {            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\": \"Helloword2" + name + "\" })");        }

JS调用

var dataStr = "name=" + $("#birthday").val();                $.ajax({                    type: "post",                    url: "http://192.168.0.99:8082/WebService1.asmx/HelloWorld",                    dataType: "jsonp",                    jsonp: 'jsoncallback',                    contentType: "application/jsonp;charset=utf-8",                    data: dataStr,                    success: function (result) {                        //返回结果                        alert(result.Result);                        $("#name").val(result.Result);                    },                    error: function (e) {                        window.alert(e.status);                    }                });            });

方式2:增加配置处理跨域

如果是在.net下则在web.config中增加配置

在system.webServer下增加可跨域访问

如果是调用webservice在服务端config中增加配置在system.web下增加

服务

[WebMethod]        public string HelloWorld1(string name)        {            return "{data:你好:" + name + "}";        }

前台调用方式

$.ajax({                    type: "post",                    url: "http://192.168.0.99:8082/WebService1.asmx/HelloWorld",                    dataType: "json",                    data: "{name:'" + birthday + "'}",//参数                    contentType: "application/json;charset=utf-8",                    success: function (result) {                        //返回结果                          $("#name").val(result.d);                    },                    error: function (e) {                        window.alert(e.status);                    }                });            });

转载于:https://www.cnblogs.com/yx007/p/8073264.html

你可能感兴趣的文章
将博客搬至51CTO
查看>>
nginx+uwsgi+django架构部署
查看>>
精通Java设计模式从初见到相爱之命令设计模式(15)
查看>>
串口异步同步通讯
查看>>
程序与生活:忘记目标你才能达到目标
查看>>
基于HTTL的分页实现
查看>>
asd
查看>>
MySQL数据库性能优化的实际操作方案
查看>>
集团以网站群模式实现信息资源落地
查看>>
idea generate persistence mapping 生成dao bean实例
查看>>
我的友情链接
查看>>
QLineEdit设置输入类型
查看>>
自己开发计算器(4)-完成!源代码公开!
查看>>
java中ObjectOutpuStream和ObjectInputStream类用法
查看>>
linux sar命令详解
查看>>
Android 针对继承BaseAdapter的自定义适配器应注意的几个地方
查看>>
KVM(qemu--kvm)
查看>>
Spring中配置和读取多个Properties文件
查看>>
php如何导入在网页上导出的excel
查看>>
Android 编程下的代码混淆
查看>>