JQuery的Ajax跨域请求的

JQuery的Ajax跨域请求的

大家好,又见面了,我是全栈君。

JQuery的Ajax跨域请求的(Ajax)

什么是jsonp格式呢?API原文:假设获取的数据文件存放在远程server上(域名不同。也就是跨域获取数据),则须要使用jsonp类型。使用这样的类型的话,会创建一个查询字符串參数 callback=? 。这个參数会加在请求的URL后面。

server端应当在JSON数据前加上回调函数名。以便完毕一个有效的JSONP请求。意思就是远程服务端须要对返回的数据做下处理,依据client提交的callback的參数,返回一个callback(json)的数据,而client将会用script的方式处理返回数据,来对json数据做处理。JQuery.getJSON也相同支持jsonp的数据方式调用。

clientJQuery.ajax的调用代码演示样例

$.ajax({
    type : "get",
    async:false,
    url : "http://www.xxx.com/ajax.do",
    dataType : "jsonp",
    jsonp: "callbackparam",//服务端用于接收callback调用的function名的參数
    jsonpCallback:"success_jsonpCallback",//callback的function名称
    success : function(json){
        alert(json);
        alert(json[0].name);
    },
    error:function(){
        alert('fail');
    }
});

服务端返回数据的演示样例代码:

public void ProcessRequest (HttpContext context) {
    context.Response.ContentType = "text/plain";
    String callbackFunName = context.Request["callbackparam"];
    context.Response.Write(callbackFunName + "([ { name:\"John\"}])");
}

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/115609.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • android游戏开发引擎_engine引擎

    android游戏开发引擎_engine引擎一起学习,加群86896009

    2025年12月1日
    5
  • 彻底弄懂Qt的编码(汉字乱码问题及相关函数作用)

    彻底弄懂Qt的编码(汉字乱码问题及相关函数作用)测试1新建test工程用于测试,main.c文件内容如下:#include<QCoreApplication>#include<QDebug>intmain(intargc,char*argv[]){QCoreApplicationa(argc,argv);QStringstr_hanzi("百度");//汉字QStringstr_ascii(

    2022年5月17日
    37
  • wireshark抓包教程详解[通俗易懂]

    wireshark抓包教程详解[通俗易懂]wireshark抓包新手使用教程Wireshark是非常流行的网络封包分析软件,可以截取各种网络数据包,并显示数据包详细信息。常用于开发测试过程各种问题定位。本文主要内容包括:1、Wireshark软件下载和安装以及Wireshark主界面介绍。2、WireShark简单抓包示例。通过该例子学会怎么抓包以及如何简单查看分析数据包内容。3、Wireshark过滤器使用。过滤器包含两种类型,一种是抓包过滤器,就是抓取前设置过滤规则。另外一种是显示过滤器,就是在数据包分析时进行过…

    2025年9月30日
    2
  • sublimetext3没有package control_mvn install

    sublimetext3没有package control_mvn installsublime3 Package Control: install Package 超时

    2022年4月21日
    42
  • 解决跨域问题的8种方案(最新最全)

    解决跨域问题的8种方案(最新最全)转自PheonixHkbxoic的《前端解决跨域问题的8种方案(最新最全)》原址:https://www.cnblogs.com/PheonixHkbxoic/p/5760838.html1.同源策略如下:URL 说明 是否允许通信 http://www.a.com/a.js http://www.a.com/b.js 同一域名下 允许 …

    2025年6月9日
    1
  • Vue上传文件操作(没有CV,认真看)

    Vue上传文件操作(没有CV,认真看)项目场景: 通过vue上传文件基本操作问题描述:使用html上传文件时,很容易理解,那么vue文件上传呢?我们学了vue不可能还往里面写原生html的内容吧!先放代码再解释:<template><div><el-form:model=”form”><el-uploadaction=”url”:auto-upload=”false”:on-change=”onchanger”:fil

    2022年10月10日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号