跨域请求获取Solr json检索结果并高亮显示
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检索结果并高亮显示相关推荐
- jQuery使用ajax跨域请求获取数据
jQuery使用ajax跨域请求获取数据 跨域是我在日常面试中经常会问到的问题,这词在前端界出现的频率不低,主要原因还是由于安全限制(同源策略, 即JavaScript或Cookie只能访问同域下的内 ...
- ajax获得header信息,关于jquery ajax跨域请求获取response headers问题
背景:最近项目jwt用户认证方式,关于jwt本人就不再赘述,大家可自行百度. jwt token基本流程是这样的: 用户使用用户名密码来请求服务器 服务器进行验证用户的信息 服务器通过验证发送给用户一 ...
- AJAX 跨域请求 - JSONP获取JSON数据
Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术.Ajax 允许在不干扰 Web 应用程序的显示 ...
- 跨域请求(使用jsonp实现跨域请求)百度地图api证逆地址解析获取周边信息(pois)
新手程序员,新手博客,如果那里写的不好,还请大神们补充,指错 最近项目里面需要做一个电子围栏的功能,我这边做的就是需要把商户的地址的经纬度存进数据库,本来这些从百度地图API里面有Demo可以看,但是 ...
- 利用JQuery jsonp实现Ajax跨域请求 .Net 的*.handler 和 WebService,返回json数据
原文: http://blog.csdn.net/polarissky/article/details/6429554 1.新建数据源项目CrossDomain 主要文件如下: 1.Handler. ...
- jQuery中的ajax、jquery中ajax全局事件、load实现页面无刷新局部加载、ajax跨域请求jsonp、利用formData对象向服务端异步发送二进制数据,表单序列化(异步获取表单内容)
jQuery中使用ajax: 在jQuery中使用ajax首先需要引入jQuery包,其引入方式可以采用网络资源,也可以下载包到项目文件中,这里推荐下载包到文件中:市面上有多个版本的jQuery库,这 ...
- 浏览器禁止跨域请求json数据解决方法--jsonp
浏览器禁止跨域请求json数据解决方法--jsonp 参考文章: (1)浏览器禁止跨域请求json数据解决方法--jsonp (2)https://www.cnblogs.com/uyisi/p/56 ...
- vue一级分类和耳机分类_【Vue+DRF生鲜电商】10.商品分类层级获取,Vue跨域请求商品分类...
欢迎访问我的博客专题 源码可访问 Github 查看 DRF实现商品分类获取 实现商品分类层级结构显示 商品类别ViewSet 在商品类别中,不需要对类别进行分页,因为类别的数据量不大,只要在数据量很 ...
- 请求接受json tp5_关于jq jsonp跨域请求错误处理bug
前言:昨天,同事修改项目升级插件时遇到了一个ajax 报错,如下: $.ajax({type : "get",async:false,timeout:3000,url : &quo ...
最新文章
- DOM相关内容(课程来源:B站 后盾人)
- php可以定义数组的常量吗
- Open3d 学习计划—13(Azure Kinect)
- DSP320C6000的指令列表汇集
- Redis总结(五)缓存雪崩和缓存穿透等问题
- PHP获取客户端的网卡mac物理地址
- ROL与RCL的差别
- 国内 UOS 统一操作系统曝光;联想宣布要 All in 5G​;Android Studio 新版发布 | 极客头条...
- js 语音识别_js语音识别_js 语音识别库 - 云+社区 - 腾讯云
- 重磅!Apache Flink 1.11 功能前瞻来啦
- dojo省份地市级联之地市封装类(二)
- select和epoll
- 多按键多界面二维数组表驱动设计
- Cadance 进行LOGO 制作
- 00套经典机械结构设计非标自动化SW机构3D图纸solidWorks模型库
- Idea Module not specified
- 企业等保分几级?企业三级等保堡垒机必备方案
- 手机进入Recovery之 RescueParty
- 一篇讲给自己听的k8s网络模型
- 云端之争,混合云再胜一筹