利用$.getJSON() 跨域请求操作
原文发布时间为:2011-01-14 —— 来源于本人的百度文章 [由搬家工具导入]
$.get 没有权限? $.post 没有权限? 因为他们都不能跨域,那就用 $.getJSON() 吧
利用$.getJSON() 跨域调用aspx、ashx和WebServices
ASP.NET2010-12-22 12:17:31阅读11评论0 字号:大中小 订阅
今天抽点时间对跨域访问进行学习了一下,原理就不介绍了,直接给出例子. http://h.com ------->请求http//x.com 域下的文件
(1) http://h.com域下的文件 WebServices.htm <!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>$.getJSON跨域调用WebServics</title> <script src="../jQuery/jquery-1.4.4.js" type="text/javascript"></script></head><body> <input type="button" id="btnGetMethod" value="跨域调用方法" /> <br /> <input type="button" id="btnGetServices" value="跨域调用WebServices" /></body></html><script type="text/javascript">$(function(){ var callback=function(){}; //客户端定义好的回调函数
//(1) 跨域调用页面中的方法
如果使用aspx的话,要把页面上面的HTML那块代码删除。
$("#btnGetMethod").click(function(){ //(1) 直接使用$.getJSON方法,此种写法回调函数写成http://x.com/Aspx/test.aspx?callback=? 而不是http://x.com/Aspx/test.aspx?callback=callback形式 $.getJSON( "http://x.com/Aspx/test.aspx?callback=?" //GetJson是定义好的Web方法 ,{method:"getjsonp",UserName:"Linda",Pwd:"88888888"} ,function(data){ alert(data.Use+"-->"+data.Password); }); //(2)使用$.ajax()方法 $.ajax({ url:"http://x.com/Aspx/test.aspx" ,dataType:"jsonp" ,jsonp:"callback" ,data:{method:"getjsonp",UserName:"Linda",Pwd:"987654321"} ,success:function(data){ alert(data.Use+"-->"+data.Password); } }); }); //(2) 下面是调用WebService $("#btnGetServices").click(function(){ //(1) 直接使用$.getJSON方法 $.getJSON( "http://x.com/WebServices/Service.asmx/GetJson?callback=?" //GetJson是定义好的Web方法 ,{UserName:"Linda",Pwd:"1237777"} ,function(data){ alert(data.name+"-->"+data.pwd); }); //(2) 使用$.ajax()方法 $.ajax({ url:"http://x.com/WebServices/Service.asmx/GetJson?", dataType:"jsonp", jsonp:"callback", data:{UserName:"Susan",Pwd:"123456789"}, success:function(data){ alert(data.name+"-->"+data.pwd); } }); }); });</script>(2) http://x.com/Aspx/test.aspx 文件内容,这里只给出后台代码test.aspx.csusing System;using System.Collections;using System.Configuration;using System.Data;using System.Linq;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.HtmlControls;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Xml.Linq;namespace Two.Aspx{ public partial class test : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { var callback = !String.IsNullOrEmpty(Request["callback"]) ? Request["callback"] : ""; var method = !String.IsNullOrEmpty(Request["method"]) ? Request["method"] : ""; var UserName = !String.IsNullOrEmpty(Request["UserName"]) ? Request["UserName"] : ""; var Pwd = !String.IsNullOrEmpty(Request["Pwd"]) ? Request["Pwd"] : ""; if (method != "") { var ReturnStr = callback + "(" + getjsonp(UserName, Pwd) + ")"; Response.Write(ReturnStr); Response.End(); } } protected string getjsonp(string User,string Password) { return "{Use:'"+User+"',Password:'"+Password+"'}"; } }}(3) http://x.com/\WebServices\Service.asmx 页面内容
using System;using System.Collections;using System.ComponentModel;using System.Data;using System.Linq;using System.Web;using System.Web.Services;using System.Web.Services.Protocols;using System.Xml.Linq;
namespace Two.WebServices{ /// <summary> /// Service 的摘要说明 /// </summary> [WebService(Namespace = "http://tempuri.org/")] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] [ToolboxItem(false)] // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。 [System.Web.Script.Services.ScriptService] public class Service : System.Web.Services.WebService {
[WebMethod] public string HelloWorld() { return "Hello World"; } [WebMethod] public void GetJson(string UserName, string Pwd) { HttpRequest Request=HttpContext.Current.Request; var callback =!string.IsNullOrEmpty(Request["callback"])?Request["callback"]:""; HttpContext.Current.Response.Write(callback + "({name:'Dear" + UserName + "',pwd:'" + Pwd + "'})"); HttpContext.Current.Response.End(); } }} 注: 如果是跨域请求WebServices的话,要在被请求的文件web.config文件下的<system web> 节点下配置如下内容 <webServices> <protocols> <add name="HttpPost"/> <add name="HttpGet"/> </protocols> </webServices>
利用$.getJSON() 跨域请求操作的更多相关文章
- 用 jQuery.getJSON() 跨域请求 JSON 数据
$.getJSON()可以理解为特殊形式的$.ajax(),手册里的说明好复杂,这里只记录一下用到的跨域请求. 先说在同一域名下,js发送数据到php,php返回JSON数据: $.getJSON(' ...
- jquery $.getJSON()跨域请求
以前总是没搞明白是怎么回事,现在是迫不得已,就仔细看了看说明文档,终于测试成功了,记下 1,同一域名下和其他的请求可以是一样的 js: 代码如下: var url="http://loc ...
- ajax跨域请求的问题
使用getJson跨域请求,需要向服务器发送一个参数callback=? $.getJSON("http://appcenter.mobitide.com/admin/appSearch.p ...
- 利用Nginx轻松实现Ajax的跨域请求(前后端分离开发调试必备神技)
利用Nginx轻松实现浏览器中Ajax的跨域请求(前后端分离开发调试必备神技) 前言 为什么会出现跨域? 造成跨域问题的原因是因为浏览器受到同源策略的限制,也就是说js只能访问和操作自己域下的资源,不 ...
- jQuery异步请求(如getJSON)跨域解决方案
相信大家在使用jQuery异步请求非自己网站内相对资源(通过别人站点上的URL直接读取)使经常会遇到如下错误吧,实际上这些错误都是浏览器安全机制“搞的鬼”,才让我们开发路上遇到了拦路虎. 当你直接在浏 ...
- Ajax_05之跨域请求
1.跨域请求: Cross Domain Request:跨域名的HTTP请求,浏览器从某个域名下的资源访问了另一域名下的另一资源(协议.域名或是端口号不同): ①浏览器允许跨域请求的情形: < ...
- AJAX 跨域请求 - JSONP获取JSON数据
Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术.Ajax 允许在不干扰 Web 应用程序的显示 ...
- jQuery ajax跨域请求的解决方法
在Ajax应用中,jQuery的Ajax请求是非常容易而且方便的,但是初学者经常会犯一个错误,那就是Ajax请求的url不是本地或者同一个服务器下面的URI,最后导致虽然请求200,但是不会返回任何数 ...
- Ajaxadr ajax跨域请求crossdomain
最近工作需要用到ajax跨域请求参数,网上找很很久,最终得到解决之道.分享一下吧,希望能帮到各位 也许你已经发现在浏览器直接敲路径能获得对方提供接口的参数,而一到项目中Ajax请求却老是失败.原因是, ...
随机推荐
- 记录一些 FileZillaClient 的基本连接操作
本地主机:Window 10 FileZilla版本:3.39.0 64位 远程主机:CentOS 6.4 需安装FTP服务 小提示:查看CentOS版本命令 # cat /etc/issue Fil ...
- 让你提高效率的 Linux 技巧
想要在 Linux 命令行工作中提高效率,你需要使用一些技巧. 巧妙的 Linux 命令行技巧能让你节省时间.避免出错,还能让你记住和复用各种复杂的命令,专注在需要做的事情本身,而不是你要怎么做.以下 ...
- IE支持直接查看Json数据注册表代码
Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\MIME\Database\Content Type\application/json] ...
- React学习记录一
半路出家直接上手React,其实有点吃力,所以开始研究create-react-app,从这里下手吧. create-react-app 官方网站:https://github.com/faceboo ...
- JZOJ 2137. 【GDKOI2004】城市统计 (Standard IO)
2137. [GDKOI2004]城市统计 (Standard IO) Time Limits: 1000 ms Memory Limits: 128000 KB Detailed Limits ...
- 多线程并发测试(apache ad)
1.配置 ThreadPoolTaskExecutor bean <?xml version="1.0" encoding="UTF-8"?> ...
- SoapUI(一)之webservice测试
webservice测试需要具备的条件: 1.了解业务需求:如从客户端发送一个post请求给服务器,服务器将响应传给客户端. 2.需要一个明确的wsdl地址: 如天气预报的接口链接:http://ww ...
- scrapy框架简介和基础使用
概念 为了爬取网站数据而编写的一款应用框架,出名,强大.所谓的框架其实就是一个集成了相应的功能且具有很强通用性的项目模板.(高性能的异步下载,解析,持久化……) 安装 linux mac os:pip ...
- vim编辑器最简单使用方法
i 输入模式 :q 不保存退出 :q! 强制退出 :wq 保存退出 j 下 k 上 h 左 l 右 gg start G end x 往后删 X 往前删 yy 复制行 p 粘贴 dd 剪切行 u 撤销 ...
- 使用观察者模式更新Fragment的内容
最近有个需求,就是在Fragment没有切换的时候(show,hide)更新Fragment显示的内容,想了一会,终于想到可以用观察者模式来解决这个问题的. 定义一个[被观察者(接口)]: publi ...