ajax跨域请求

ajax跨域请求:

服务端

@RequestMapping("/baseList")

public void baseList(String siteid, String title, Page page,String jsoncallback, HttpServletResponse response){

Map map = new HashMap();

String sql ="1=1";

if(StringUtil.notNullOrEmpty(siteid) && !sql_inj.sql_inj(siteid)){

sql = sql + " and site_id in ("+siteid+")";

}

if(StringUtil.notNullOrEmpty(title) && !sql_inj.sql_inj(title)){

sql = sql + " and INSTR(title,'"+title+"')";

}

map.put("page", page);

map.put("whereclause", sql);

List list = base3Service.selectByHDPage(map);

JSONObject obj = new JSONObject();

obj.put("data", list);

String result ="";

if(StringUtil.isNullOrEmpty(jsoncallback)){

result = obj.toString();

}else{

result = jsoncallback+"("+obj.toString()+")";

}

PrintWriter out = null;

response.setContentType("text/html");

response.setCharacterEncoding("UTF-8");

try {

out = response.getWriter();

} catch (IOException e1) {

e1.printStackTrace();

}

out.print(result);

}

客户端

Hello World!

list();

function list(){

$.ajax({

async: false,

url: "http://www.liuweilianhe.com/zixuncaiji/base3/baseList.html",

type: "POST",

dataType: 'jsonp',

//jsonp的值自定义,如果使用jsoncallback,那么服务器端,要返回一个jsoncallback的值对应的对象.

jsonp: 'jsoncallback',

//要传递的参数,没有传参时,也一定要写上

data: {

"siteid":"",

"title":"Technology"

},

timeout: 5000,

//返回Json类型

contentType: "application/json;utf-8",

//服务器段返回的对象包含name,data属性.

success: function (result) {

$.each(result.data,function(i,item){

$("#test").append(item.docno+"."+item.siteId+":"+item.title+"("+item.saveTime.time+")

");

})

},

error: function (jqXHR, textStatus, errorThrown) {

alert(textStatus);

}

});

}

最后出来的结果

这样我们就实现了ajax跨域请求

本文来自企鹅号 - 全球大搜罗媒体

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 输验证码输到崩溃?教你15分钟黑掉全球最流行的验证码插件

    大数据文摘作品 编译:Katrine Ren、朝夕、钱天培 验证码这种东西真的是反人类。虽然它在保证账号安全、反作弊以及反广告有着至关重要的作用,但对于普通用户...

    企鹅号小编
  • 2018年值得关注的200场机器学习会议

    2017年马上就要过去了,这一年你的收获怎么样?在学习的过程中,独自学习与向别人学习同样重要,其中通过各种会议了解AI行业研究成果是个不错的提高自己的方法。对于...

    企鹅号小编
  • 厉害了,用Python一行代码实现人脸识别

    摘要: 1行代码实现人脸识别,1. 首先你需要提供一个文件夹,里面是所有你希望系统认识的人的图片。其中每个人一张图片,图片以人的名字命名。2. 接下来,你需要准...

    企鹅号小编
  • 竹间智能翁嘉颀:人机交互技术探索 | AI 研习社 60 期猿桌会

    AI 科技评论按:随着语音识别 ASR 的进步,对话机器人从简单的指令式的语音助手,进化到关键词交互方式,人们能够使用较为完整的句子来表达意图,机器人从中截取关...

    AI科技评论
  • Leetcode题解——22 括号生成

    首先我们需要明白的一点是,在此题中,动态规划的思想类似于数学归纳法,当知道所有 i<n 的情况时,我们可以通过某种算法算出="" i="n" 的情况。="" 本...

    出其东门
  • IDEA 文档插件 DocView 版本更新:修改 UI 并支持 IDEA 2020.3 !

    近期工作开始忙起来,各种忙,连阅读 Spring 源码都暂停了,Doc View 也暂时搁置计划,虽然想有很多功能,但是总是要慢慢来的。

    程序员小航
  • 2018抖音研究报告发布:抖音为何“有毒”?(附PDF)

    这一年来,江湖到处流传着关于抖音的传说,“抖音5分钟,人间1小时”“一入抖音深似海,从此抖腿不能改”......这些已是当今大部分人娱乐生活的真实写照。抖音现在...

    钱塘数据
  • win2d 渐变颜色

    在 UWP 的 Win2d 使用渐变颜色需要 CanvasLinearGradientBrush 做颜色,本文告诉大家如何在 win2d 使用 CanvasLi...

    林德熙
  • 基于 Flagger 和 Nginx-Ingress 实现金丝雀发布

    很久之前我写过一篇介绍使用 Nginx-Ingress 实现蓝绿部署和金丝雀发布的文章,但那篇文章只是介绍了 nginx-ingress 具备这些能力,真正应用...

    郭旭东
  • C加加能用来干什么?为什么要学C加加?学C加加了能干嘛?

    20世纪80年代,AT&T Bell(贝尔)实验室的Bjarne Stroustrup博士及其同事在C语言的基础上成功开发出C++语言。C++语言是一种混合型语...

    企鹅号小编

扫码关注云+社区

领取腾讯云代金券