ajax跨域调用(实例)

本文介绍了AJAX进行跨域数据请求的原理和注意事项,重点讲解了使用JSONP方式实现跨域,并提供了一个服务端返回数据的格式示例。同时提到了jQuery库在跨域请求中的应用,欢迎分享更多跨域调用方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我们在使用ajax通信的时候,往往有时候可能会用向另外一个项目或者向其他服务器请求数据。这是我们就使用到了ajax跨域请求:

客户端代码:
$.getJSON("https:///baiduyunService/servlet?jsoncallback=?", {
    "q": q,
    "start": start
},
function(result) {
    if (result.length == 0) {
        alert("对不起,您的关键字暂无搜索结果");
    } else {
        $("#content").children().remove();
        var before = "<div><strong>搜索结果:<strong></div><hr>";
        $("#content").append(before);
        $.each(result,
        function(index, value) {
            //var results = "<div class='article'><a href='javascript:dispatch(\"" +value.unescapedUrl+ "\")'>"
            var results = "<div class='article'><a href='" + value.unescapedUrl + "' target='_blank' rel='noreferrer external nofollow' >" + value.title + "</a><p>" + value.content + "</p><span style='color:green'>" + value.unescapedUrl.substring(0, 70) + "</span></div>";
            $("#content").append(results);
        });
    }
},
"json");
}

注意点:
1.再URL后面一定要加上:jsoncallback=?

服务端:

resp.setContentType("text/html;charset=utf-8");
        System.out.println(newResult.toString());
        PrintWriter writer = resp.getWriter();
        writer.write(jsoncallback + "(" + newResult.toString() + ")");
        writer.close();

注意:
1.服务端写回来的时候一定按照给定的格式
jsoncallback + “(” + 你的数据 + “)”

这里使用了jquery,要使用jquery的库。另外,还有好几种方式都可以调用,我这里只是使用了一种方式,如果您们有更好的方式,可以私聊我,公共学习,谢谢!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值