Solr提供了json格式的检索结果,然而在跨域的情况下如何调用呢?我们可以利用jquery提供的jsonp的方式获取Solr检索结果。

<script type="text/javascript" src="./resources/js/jquery-1.8.2.min.js"></script><input type="text" size="50" value="" id="keyword" name="keyword" /><input type="button" value="搜索" id="search" /><div id="result"></div><script type="text/javascript">$("#search").click(function() {var keyword = $("#keyword").val();var solrServer = "http://localhost:8080/solr/solrfirstcore/select";$.ajax({type : "get",url : solrServer,data : {wt : "json",q : "search_item:" + keyword,indent : true,"json.wrf" : 'callback',"hl" : "true","hl.fl" : "title, summary","hl.simple.pre" : "<font color=\"red\">","hl.simple.post" : "</font>","start":"0","rows":"20"},dataType : "jsonp",//jsonp : "callback",
                jsonpCallback : "callback",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名
                error : function() {$("#result").html("<font color=\"red\">没有您要查询的结果。</font>");}});});function callback(data) {var responseHeader = data.responseHeader;var response = data.response;var highlighting = data.highlighting;var docs = response.docs;var result = new Array();result.push("结果数:" + response.numFound + "条,耗时:"+ responseHeader.QTime / 1000 + "秒");var hlString = "";for ( var index in docs) {var doc = docs[index];var docid = doc.id;hl_string = "【ID】:" + doc.id;var hdoc = highlighting[docid];var title = doc.title;var summary = doc.summary;if(hdoc.title){title = hdoc.title;}if(hdoc.summary){summary = hdoc.summary;}hl_string += ", 【标题】:" + title + ", 【描述】:" + summary;result.push("------------------------------------------------------------");result.push(hl_string);}$("#result").html("</br>" + result.join("</br>"));}</script>

转载于:https://www.cnblogs.com/rwxwsblog/p/5051545.html

跨域请求获取Solr json检索结果并高亮显示相关推荐

  1. jQuery使用ajax跨域请求获取数据

    jQuery使用ajax跨域请求获取数据 跨域是我在日常面试中经常会问到的问题,这词在前端界出现的频率不低,主要原因还是由于安全限制(同源策略, 即JavaScript或Cookie只能访问同域下的内 ...

  2. ajax获得header信息,关于jquery ajax跨域请求获取response headers问题

    背景:最近项目jwt用户认证方式,关于jwt本人就不再赘述,大家可自行百度. jwt token基本流程是这样的: 用户使用用户名密码来请求服务器 服务器进行验证用户的信息 服务器通过验证发送给用户一 ...

  3. AJAX 跨域请求 - JSONP获取JSON数据

    Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术.Ajax 允许在不干扰 Web 应用程序的显示 ...

  4. 跨域请求(使用jsonp实现跨域请求)百度地图api证逆地址解析获取周边信息(pois)

    新手程序员,新手博客,如果那里写的不好,还请大神们补充,指错 最近项目里面需要做一个电子围栏的功能,我这边做的就是需要把商户的地址的经纬度存进数据库,本来这些从百度地图API里面有Demo可以看,但是 ...

  5. 利用JQuery jsonp实现Ajax跨域请求 .Net 的*.handler 和 WebService,返回json数据

    原文:  http://blog.csdn.net/polarissky/article/details/6429554 1.新建数据源项目CrossDomain 主要文件如下: 1.Handler. ...

  6. jQuery中的ajax、jquery中ajax全局事件、load实现页面无刷新局部加载、ajax跨域请求jsonp、利用formData对象向服务端异步发送二进制数据,表单序列化(异步获取表单内容)

    jQuery中使用ajax: 在jQuery中使用ajax首先需要引入jQuery包,其引入方式可以采用网络资源,也可以下载包到项目文件中,这里推荐下载包到文件中:市面上有多个版本的jQuery库,这 ...

  7. 浏览器禁止跨域请求json数据解决方法--jsonp

    浏览器禁止跨域请求json数据解决方法--jsonp 参考文章: (1)浏览器禁止跨域请求json数据解决方法--jsonp (2)https://www.cnblogs.com/uyisi/p/56 ...

  8. vue一级分类和耳机分类_【Vue+DRF生鲜电商】10.商品分类层级获取,Vue跨域请求商品分类...

    欢迎访问我的博客专题 源码可访问 Github 查看 DRF实现商品分类获取 实现商品分类层级结构显示 商品类别ViewSet 在商品类别中,不需要对类别进行分页,因为类别的数据量不大,只要在数据量很 ...

  9. 请求接受json tp5_关于jq jsonp跨域请求错误处理bug

    前言:昨天,同事修改项目升级插件时遇到了一个ajax 报错,如下: $.ajax({type : "get",async:false,timeout:3000,url : &quo ...

最新文章

  1. DOM相关内容(课程来源:B站 后盾人)
  2. php可以定义数组的常量吗
  3. Open3d 学习计划—13(Azure Kinect)
  4. DSP320C6000的指令列表汇集
  5. Redis总结(五)缓存雪崩和缓存穿透等问题
  6. PHP获取客户端的网卡mac物理地址
  7. ROL与RCL的差别
  8. 国内 UOS 统一操作系统曝光;联想宣布要 All in 5G​;Android Studio 新版发布 | 极客头条...
  9. js 语音识别_js语音识别_js 语音识别库 - 云+社区 - 腾讯云
  10. 重磅!Apache Flink 1.11 功能前瞻来啦
  11. dojo省份地市级联之地市封装类(二)
  12. select和epoll
  13. 多按键多界面二维数组表驱动设计
  14. Cadance 进行LOGO 制作
  15. 00套经典机械结构设计非标自动化SW机构3D图纸solidWorks模型库
  16. Idea Module not specified
  17. 企业等保分几级?企业三级等保堡垒机必备方案
  18. 手机进入Recovery之 RescueParty
  19. 一篇讲给自己听的k8s网络模型
  20. 云端之争,混合云再胜一筹

热门文章

  1. 程序给UI美术上的必修课:内存占用, DrawCall和包大小的处理
  2. 程序员,你是真的该养生了
  3. ASM 常用概念解释
  4. 根据图片URL获取图片的尺寸【Swift语言实现】
  5. (转)git常用命令
  6. [iOS] dom解析xml数据,拿到lt;gt;里面的值
  7. 一个完整的mybatis项目,包含增删改查
  8. bzoj1601: [Usaco2008 Oct]灌水
  9. jar 命令 打包装class文件的文件夹
  10. windows下Meteor+AngularJS开发的坑