ajax跨域调用（实例）

青旅半醒 2022-07-15 07:41 184阅读 0赞

我们在使用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的库。另外，还有好几种方式都可以调用，我这里只是使用了一种方式，如果您们有更好的方式，可以私聊我，公共学习，谢谢！

发表评论取消回复

表情：

评论列表（有 0 条评论，184人围观）

还没有评论，来说两句吧...

相关阅读

相关 JQ自动调用、Ajax跨域调用

问题描述      在央视官网划水的时候,发现一个点赞排名,试着点击了几次,竟然发现没有防重复提交,如下图:于...

蔚落/ 2024年04月17日 06:13/ 0 赞/ 64 阅读

相关 ajax-跨域

ajax只能获取同源地址下的数据，是实现不了访问别人服务器的数据的。同源：协议相同，域名相同，端口相同。（端口80是可以省略不写的。）跨域：作用是获取非同源地址下的数据

灰太狼/ 2023年07月07日 08:13/ 0 赞/ 115 阅读

相关 java ajax 跨域_解决ajax跨域访问问题

前端js: $.ajax(\{ url:'http://localhost/xxxx/test', //后台处理程序 async:true, type:'get',

末蓝、/ 2022年11月03日 10:53/ 0 赞/ 276 阅读

相关 ajax开启跨域,ajax开启跨域的方法

ajax开启跨域的方法: 只要在服务器端的PHP里面写入: header('Access-Control-Allow-Origin:\'); //加入上面一句话就可以跨域

太过爱你忘了你带给我的痛/ 2022年09月03日 15:21/ 0 赞/ 249 阅读

相关 ajax跨域调用（实例）

我们在使用ajax通信的时候，往往有时候可能会用向另外一个项目或者向其他服务器请求数据。这是我们就使用到了ajax跨域请求：客户端代码： $.getJSO

青旅半醒/ 2022年07月15日 07:41/ 0 赞/ 185 阅读

相关 ajax跨域

$.ajax(\{ type:"post", //请求方式 /\ async:true, \/ //

蔚落/ 2022年03月09日 13:06/ 0 赞/ 284 阅读

相关 ajax跨域

公司好多都需要系统进行配合，所以就使用了ajax跨域，至少目前来说，挺好用的。后台代码：多值： @RequestMapping("") @Res

野性酷女/ 2022年02月19日 04:21/ 0 赞/ 290 阅读

相关 Ajax 跨域

目录 > 1 URL的组成 > > 2 解决跨域的方式 > > 2.1 第一种：代理 > > 2.2 第三种：XHR2 > > 2.3 第三种：JSONP --

亦凉/ 2022年02月01日 01:29/ 0 赞/ 312 阅读

相关 firefox,跨域ajax 调用方法

在A站点ajax 调用B站的页面(方法)时, 使用post,且dataType类型为jsonp 有时在IE会有No Transport的错误提示，请加 jQuery.supp

心已赠人/ 2021年11月01日 22:28/ 0 赞/ 344 阅读

相关 ajax跨域

JSONP(JSON with Padding)是[JSON][]的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。由于同源策略，一般来说位于 server1.ex

妖狐艹你老母/ 2021年09月16日 10:06/ 0 赞/ 483 阅读