一些ajax代码
$.ajax({
type : "get",
url : "list_hot_ajax.json",
data : {"provinceId":'${province.provinceId}'},
dataType : "json",
success : function(json) {
if(json.length == 0 || json == null) {
$("#hotsearch").remove();
return false;
}
var hotModule = "";
for ( var i in json) {
var word = json[i].hotWord;
var isLight = json[i].isLight;
var tempClass = "search_blue";
if(isLight == 1) {
tempClass = "search_red";
}
var index = parseInt(i)+1;
//解决ie浏览器不支持jq trim方法
String.prototype.trim = function () {
return this .replace(/^\s\s*/, '' ).replace(/\s\s*$/, '' );
}
var hurl ="list?key="+word+"&cityId="+"${city.cityId}"+"&provinceId="+"${province.provinceId}"+"&from=10202&no_re=1&nh=1";
if(json[i].url.trim()!=""){
hurl=json[i].url.trim();
}
hotModule = hotModule + "<li><a class='"+tempClass+"' id='G5_hot_"+index+"' type='"+index+"' href='"+hurl+"'>"+
word +
"</a></li>";
}
$("#hotsearch").append(hotModule);
}
});
------------------------------------------------------------------------------------------------------------------------------------------------------------
/*
* 加载猜你喜欢推荐
*/
function loadCNXHRecommend(areaCode) {
var userId = "${sessionScope.sso_user_info.userName}";
if(userId == null || userId == '') {
userId = '';
}
$.ajax({
data : {
areacode : areaCode,
userId : userId
},
url : "<%=cnxh_domain%>ml/sale/querySortGoods",
dataType : "jsonp",
jsonp : "jsonpcallback",
success : function(json) {
/*
if(json.length == 0 && areaCode==1) {
$('#cnxh').css('display','none');
return;
} */
if(json.length == 0) {
$('#cnxh').css('display','none');
}
var str = "";
for (var i in json) {
str += '<a id="G10_rec_'+(Number(i)+1)+'" type="1" href="${shop_domain }/goods/${province.provinceId }_${city.cityId }_'+json[i].goodsId+'_1043600.html" target="_blank" title="'+json[i].goodsName+'" ><dl class="fixf">'+
'<dd><img class="fl" width="70" height="70" src="${img_domain }/goods/'+json[i].picture+'_170x170.png" />'+
'</dd><dt><h3>￥'+json[i].priceMin+'</h3><p>'+json[i].goodsName+'</p>'+
'</dt></dl></a>';
}
$('.related-recom-list').html(str);
}
});
}
loadCNXHRecommend("${province.provinceId}");
------------------------------------------------------------------------------------------------------------------------------------------------------------
getSearchHistoryData:function() {
var url = "shopSearch/searchHistory.json";
$.ajax({
type : "get",
url : url,
dataType : 'json',
cache:false,
success:function(json) {
if (json != null && json != "") {
$(searchHistory).empty();
for ( var i in json) {
var j=parseInt(i);
$(searchHistory).append(template.replace(/\{NAME\}/ig,"<a id='historyWord_"+(++j)+"' style='display:block;' href='"+searchUrl+'?key='+json[i] + "&cityId="+settings.cityId+"&provinceId="+settings.provinceId+"' showname ='" + json[i] + "'>"+json[i]+"</a>"));
}
//$(searchHistory).append("<span class='" + settings.close_line + "'></span>");
//$(searchHistory).append("<span class='" + settings.close_class + "'>关闭</span>");
$(searchHistory).show();
} else {
$(searchHistory).empty();
}
json = null;
}
});
},
getPromptWordData:function(word) {
var url = basePath+"shop_ajax_jsonp.json";
$.ajax({
type : "get",
data : {'content':word,"areacode":settings.provinceId},
url : url,
dataType :"jsonp",
jsonp : "jsonpcallback",
success:function(json) {
if (json != null && json != 'undefind' && json != "") {
$(promptWord).empty();
if (json.searchWord.length > 0) {
for ( var i in json.searchWord) {
var j=parseInt(i);
if (json.searchWord[i].Word != undefined) {
$(promptWord).append($(promptTemplate.replace(/\{NAME\}/ig,"<a id='PromptWord_"+(++j)+"' style='display:block;' href='"+searchUrl+'?key='+json.searchWord[i].Word+"&cityId="+settings.cityId+"&provinceId="+settings.provinceId+"&no_re=1'showname = " + json.searchWord[i].Word +">"+json.searchWord[i].Word.replace(word,"<font color='red'>" + word + "</font>")+"</a>") ) );
}
}
$(promptWord).show();
} else {
$(promptWord).css("display" , "none");
}
} else {
$(promptWord).hide();
}
}
});
}
------------------------------------------------------------------------------------------------------------------------------------------------------------
function loadPage(flag){
var nh=0;
if(flag==2)
nh=1;
var content = $("#textfield").val();
var sort = $("#sort").val();
if(flag != 0)
pageNo++;
if(rec_flag==2&&flag==1&&content!=''){
content=rectify;
rec_flag=1;
}
$.ajax({
type : "post",
url : basePath + "serviceSearch",
data : {
"moduleType" : "1-1",
'content' : content,
'pageNo' : pageNo,
'sort' : sort,
'date' : new Date(),
'nh' : nh
},
dataType : "json",
success : function(json) {
//$("#_collectionEle").attr("value","resultNum="+json.numFound+",nowPageNum="+pageNo);
//_collect.behaviorAJAX(this);
if(json.flag == 4){
window.location.href=json.redirect;
}
$("#msgShow").find(".tips").text('');
$("#msgShow").find(".tips").attr('class','');
//纠错词
if(json.rectify != "" && ($("#msgShow").html().indexOf('以下为您显示'))<){
$("#msgShow").append('<p class="tips content_biaoti">以下为您显示“<font color="#cc0000">'+json.rectify+'</font>” 的搜索结果。仍然搜索 <a href="#" onClick="loadPage(2)">'+json.key+'</a></p>');
rectify=json.rectify;
rec_flag=2;
}
//敏感词
if(json.msg != "" && ($("#msgShow").html().indexOf('法律法规'))<){
$("#msgShow").append('<p class="tips content_biaoti">根据相关法律法规和政策，部分搜索结果未显示</font>');
}
if(json.obj.length!=0){
$("#isLastPage").val("1");
if(json.obj.length<){
$("#isLastPage").val("0");
}
if(json.flag == 0){
var str = '';
if(flag==0)
$("#service-main").html('');
for ( var i in json.obj) {
str = '<div class="service clearfix"><a id="client_service_'+(Number(i)+1+(pageNo-1)*20)+'" type="1" onclick="saveKey(\''+content+'\');addCookie(\''+content+'\');jumpApp(\''+json.obj[i].jump_type+'\',\''+json.obj[i].func_id+'\',\''+json.obj[i].name+'\',\''+json.obj[i].url+'\',\''+json.obj[i].login_flag+'\');"><span class=" l"><img src='+json.obj[i].image+' width="41px" height="41px" /></span>'+
'<p class=" l">'+json.obj[i].name_high+'</p><span class="icon_arrow r"></span></a></div>';
$("#service-main").append(str);
}
}
}else{
deleteCookie(content);
$("#isLastPage").val("0");
$("#service-main").html(noResult);
}
}
});
}
------------------------------------------------------------------------------------------------------------------------------------------------------------
function loadConditions(){
var typeCode = $("#typeCode").val();
$.ajax({
type : "post",
url : basePath + "listSearchConditions",
data : {
"typeCode" : typeCode,
'date' : new Date()
},
dataType : "json",
success : function(json) {
if(json.flag == 0){
$(".js-main").html('');
var str = '';
for ( var i in json.obj) {
str = '<input type="hidden" name="keyIds" id="' + json.obj[i].keyID + '">'+
'<input type="hidden" name="keyID" class="keyID" value="' + json.obj[i].keyID + '">'+
'<div class="main_j cur_k" onclick="expanContract(\'' + json.obj[i].keyID + '\')">'+
'<div class="main_title">'+
'<h4 class="main_tit">' + json.obj[i].keyName + ':<span id="' + json.obj[i].keyID + '_title" class="js-bil" style="padding-left:8px; color:#e40077;">全部</span></h4>'+
'<span class="triangle" id="span' + json.obj[i].keyID + '" ><img class="main_tii" src="' + basePath + 'images/touch/tip_h.png"></span> </div>'+
'</div>'+
'<div class="js-b" id="div' + json.obj[i].keyID + '" style="display: none">'+
'<ul class="title_yy cont1_cont">'+
'<li class="title_syy sy_ss cur_p _flag" '+
'onclick="clickLi(\'' + json.obj[i].keyID + '\',\'' + "all" + '\',\'attrID'+ i + '\',\'全部\', this)" onmouseover="javascript:$(this).addClass(\'cl\');" onmouseout="javascript:$(this).removeClass(\'cl\');">'+
'全部</li>';
var _str = '';
for ( var j in json.obj[i].listValue) {
if(j<){
if(j != 0 && (j + 1) % 3 == 2){
_str += '<li class="title_syy"';
}else{
_str += '<li class="title_syy sy_ss"';
}
_str += 'onclick="clickLi(\'' + json.obj[i].keyID + '\',\'' + json.obj[i].listValue[j].valueID + '\',\'attrID' + j + '\',\'' + json.obj[i].listValue[j].valueName + '\', this)" onmouseover="javascript:$(this).addClass(\'cl\');" onmouseout="javascript:$(this).removeClass(\'cl\');">'+
json.obj[i].listValue[j].valueName + '</li>';
}else if(j==7){
_str += '<li class="title_syy"'+'onclick="gdClick('+json.obj[i].keyID +')" name="gdOpen'+json.obj[i].keyID +'" onmouseover="javascript:$(this).addClass(\'cl\');" onmouseout="javascript:$(this).removeClass(\'cl\');">更多</li>';
}else if(j>7){
if(j % 3 == 2){
_str += '<li class="title_syy" name="hid" style="display:none;" ';
}else{
_str += '<li class="title_syy sy_ss" name="hid" style="display:none;"';
}
_str += 'onclick="clickLi(\'' + json.obj[i].keyID + '\',\'' + json.obj[i].listValue[j].valueID + '\',\'attrID' + j + '\',\'' + json.obj[i].listValue[j].valueName + '\', this)" onmouseover="javascript:$(this).addClass(\'cl\');" onmouseout="javascript:$(this).removeClass(\'cl\');">'+
json.obj[i].listValue[j].valueName + '</li>';
}
}
str += _str;
str += '</ul></div>';
$(".js-main").append(str);
}
}
}
});
}
------------------------------------------------------------------------------------------------------------------------------------------------------------
/*
* 商品数据页面加载
*/
function loadPage(flag,f){//0添加数据，1追加数据
var nh=0;
if(flag==2)
nh=1;
var attrs = $("#attrs").val();
var typeCode = $("#typeCode").val();
var content = $("#textfield").val();
if (rec2_flag==2 && flag==1 && content != ""){
content = rectify;
rec2_flag=1;
}
var sort = $("#sort").val();
if(flag != 0)
pageNo++;
$.ajax({
type : "post",
url : basePath + "listResults",
data : {
"moduleType" : "1-1",
"attrs" : attrs,
"pageNo" : pageNo,
"typeCode" : typeCode,
"sort" : sort,
"content" : content,
'date' : new Date(),
'nh' : nh
},
dataType : "json",
success : function(json) {
//$("#_collectionEle").attr("value","resultNum="+json.numFound+",nowPageNum="+pageNo);
//_collect.behaviorAJAX(this);
if(json.flag == 4){
window.location.href=json.redirect;
}
$("#msgShow").find(".tips").text('');
$("#msgShow").find(".tips").attr('class','');
//纠错词
if(json.rectify != "" && ($("#msgShow").html().(‘以下为您显示'))<){
$("#msgShow").append('<p class="tips content_biaoti">以下为您显示“<font color="#cc0000">'+json.rectify+'</font>” 的搜索结果。仍然搜索 <a href="#" onClick="loadPage(2)">'+json.key+'</a></p>');
rectify=json.rectify;
rec_flag=2;
rec2_flag=2;
}
//敏感词
if(json.msg != "" && ($("#msgShow").html().indexOf('法律法规'))<){
$("#msgShow").append('<p class="tips content_biaoti">根据相关法律法规和政策，部分搜索结果未显示</font>');
}
if(json.obj.length!=0){
$("#paixu").css('display','block');
$("#isLastPage").val("1");
if(json.obj.length<){
$("#isLastPage").val("0");
}
if(json.numFound==20){
$("#isLastPage").val("0");
}
if(json.flag == 0){
if(flag == 0){
$("#commodity_main").html("");
}
for ( var i in json.obj) {
var url="";
if(json.obj[i].root_catalog == 101 || json.obj[i].root_catalog == 128)
url=$("#shouji_peijian").val()+json.obj[i].goods_id;
if(json.obj[i].root_catalog == 146 || json.obj[i].root_catalog == 140)
url=$("#taocan_yewu").val()+json.obj[i].goods_id;
var str = '<div class="activity commode"><a id="client_goods_'+(Number(i)+1+(pageNo-1)*20)+'" type="1" class=" clearfix" onclick="saveKey(\''+content+'\');addCookie(\''+content+'\');" href="'
+url
+'" >'
+ '<div class="pro_img l">'
+ '<img class="" src="'
+ $("#img_domain").val()
+ '/goods/'
+ json.obj[i].picture
+ '_170x170.png"/></div>'
+ '<div class="pro_stail">'
+ '<h1>'
+ json.obj[i].goods_name_high
+ '</h1>'
+ '<div class="dc"> <p class="instro">';
if (json.obj[i].root_catalog == 101 || json.obj[i].root_catalog == 128) {
str += json.obj[i].goods_subhead_high
+ '</p></div><p class="price"><span>¥</span>'
+json.obj[i].min_price;
}
if (json.obj[i].root_catalog == 146 || json.obj[i].root_catalog == 140) {
if(json.obj[i].min_price == json.obj[i].max_price){
str += json.obj[i].goods_subhead_high
+ '</p></div><p class="price"><span>¥</span>'
+json.obj[i].min_price;
}else{
str += json.obj[i].summary_high
+ '</p></div><p class="price"><span>¥</span>'
+json.obj[i].min_price+
'-';
str += json.obj[i].max_price;
}
}
str += '</p></div></a></div>';
$("#commodity_main").append(str);
}
}
}else if(f==1){
//筛选无结果页面
var str='<br/><br/><br/><br/><br/><br/><br/><br/><div class="article"><div class="tips_main"></div><div class="noresult"><p>抱歉，没有找到符合条件的搜索结果!</p></div></div>'
$("#commodity_main").html(str);
$('#flag_n').val(1);//筛选标识
$("#isLastPage").val("0");//分页标识
}else{
deleteCookie(content);
$("#isLastPage").val("0");
$("#paixu").css('display','none');
$("#commodity_main").html(noResult);
}
}
});
}
----------------------------------------------------------------------------------------------------------------------------------------------
var basePath = "http://localhost:8087/open_api/";
//var basePath = "http://se.richinfo.cn:20001/open_api/";
var fun = {
initObj : function(obj, callback) {
fun.back_fun = callback;
var user = obj.user;// 用户名
var password = obj.password;// 密码
var url = obj.url;// controller方法名
var charset = obj.charset;// 编码
var content = obj.content;// 关键字
var category = obj.category;// 商品类别编码
var province_id = obj.province_id;// 省
var city_id = obj.city_id;// 市
var sort = obj.sort;// 排序字段
var pageNo = obj.pageNo;// 页码
var pageSize = obj.pageSize;// 页数
var group_field = obj.group_field;// 分组
var channel = obj.channel;// 渠道
var nh = obj.nh;
$.ajax({
url : basePath + url+".jsonp",
data : {
"user" : user,
"password" : password,
"charset" : charset,
"content" : content,
"category" : category,
"province_id" : province_id,
"city_id" : city_id,
"sort" : sort,
"pageNo" : pageNo,
"pageSize" : pageSize,
"group_field" : group_field,
"channel" : channel,
"nh" : nh
},
dataType : "jsonp",
jsonp : "jsonpcallback",
success : function(json) {
fun.back_fun(json);
}
});
},
back_fun : function(obj) {
}
};
/*var jsonMsg={
"content":"4g",//关键词
"charset":"",//编码
"cagegory":"",//编码
"url":"search",//方法名
"province_id":"",//省地区编码
"city_id":"",//市地区编码
"sort":"",//排序
"pageNo":"",//页码
"pageSize":"",//一页数量
"group_field":"",//分组
"nh":"",//1 表示不对关键词处理
"user":"zs",//用户名
"password":"zs",//密码
"channel":""//渠道
};*/
var jsonMsg={
"user":"zs",//1关键词
"password":"zs",
"channel":"10000",
"url":"search",
"city_id":"100",
"province_id":"100",
"content":"4g"
};
//回调函数 obj 返回结果数据
function fn_cb(obj){
alert(obj.msg);
//业务处理
}
fun.initObj(jsonMsg, fn_cb);
dataType:预期服务器返回的类型：
- "xml": 返回 XML 文档，可用 jQuery 处理。
- "html": 返回纯文本 HTML 信息；包含的 script 标签会在插入 dom 时执行。
- "script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 "cache" 参数。注意：在远程请求时(不在同一个域下)，所有 POST 请求都将转为 GET 请求。（因为将使用 DOM 的 script标签来加载）
- "json": 返回 JSON 数据 。
- "jsonp": JSONP 格式。使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。
- "text": 返回纯文本字符串
data
类型：String
发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组，jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。
一些ajax代码的更多相关文章
- .net学习之Session、Cookie、手写Ajax代码以及请求流程
1.IIS 7 以上版本集成了两种模式,一种是经典模式,一种是集成模式(直接将asp.net框架集成到IIS中) 2.浏览器和服务器端通过什么技术来实现的?Socket(套接字),通信的语法是HTTP ...
- Ajax (Asynchronous javascript xml) 搜索框核心代码(JQuery) Ajax判断用户名存在核心代码 附:原生js的Ajax代码 其中有json的一句话解释
前端 <script type="text/javascript"> $(function(){ $("#tid").keyup(function( ...
- 原生Ajax代码实现
Ajax Asynchronous JavaScript And XML 异步: 指一段程序执行时不会阻塞其他程序执行,其表现形式为程序的执行顺序不依赖程序本身的书写顺序 ,相反的则为同步, 自己 ...
- Ajax代码简单封装。
function ajax(url, onsuccess, onfail) { var xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest( ...
- jQuery 1.9 Ajax代码带注释
/* -----------ajax模块开始 -----------*/ var // Document location ajaxLocParts, ajaxLocation, ajax_nonce ...
- 数据交互 ajax代码整理
请求列表通用 /** **加载对应的试卷套题 ** */ function loadQuestions(){ var businessSubClass = { pageNo:pageNo, pageS ...
- 原生态的ajax代码
<script type="text/javascript"> var xmlhttprequest; function GetXmlHttpRequest() { i ...
- 向后台提交数据：通过form表单提交数据需刷新网页 但通过Ajax提交数据不用刷新网页可通过原生态Ajax或jqueryAjax。Ajax代码部分
原生态Ajax提交表单:需要借助XMLHttpRequest对象的open,要收通过post发送请求还要setRequsetHeader,然后把数据发送给后端,代码如下 目录结构 index.py代码 ...
- 不依赖JQuery的入门Ajax代码
今天看了head first ajax这本书里ajax的实例,讲的很好,这本书觉着很不错,推荐下. Ajax (Asynchronous Javascript and XML)即异步Javascrip ...
随机推荐
- Linux快速入门03-系统管理
这部分将涉及常用的各类linux命令和一些系统高级管理特性,尤其是shell script的创建,这部分在系统自动化运维时会很有作用. Linux系列文章 快速入门系列--Linux--01基础概念 ...
- TSql Output 用法
第一部分:TSql Output 关键字有两种应用场景 1,作为存储过程的参数类型,从存储过程中返回数据 2,返回受 INSERT.UPDATE.DELETE 或 MERGE 语句影响的各行中的信息, ...
- CSS弹性盒模型flex在布局中的应用
× 目录 [1]元素居中 [2]两端对齐 [3]底端对齐[4]输入框按钮[5]等分布局[6]自适应布局[7]悬挂布局[8]全屏布局 前面的话 前面已经详细介绍过flex弹性盒模型的基本语法和兼容写法, ...
- java中线程存活和线程执行的问题！
/* 下面的程序会出现下面的情况,当Thread-0, Thread-1, Thread-2都被wait的时候,可能会同时苏醒 Thread-0 put Thread-1 put Thread-2 p ...
- Suse碎碎念
1. 如何查看Suse的版本号 vmpbos01:~ # lsb_release -d Description: SUSE Linux Enterprise Server 11 (x86_64) vm ...
- 邻接矩阵有向图(三)之 Java详解
前面分别介绍了邻接矩阵有向图的C和C++实现,本文通过Java实现邻接矩阵有向图. 目录 1. 邻接矩阵有向图的介绍 2. 邻接矩阵有向图的代码说明 3. 邻接矩阵有向图的完整源码 转载请注明出处:h ...
- HTML5移动Web开发（五）——移动设计之CSS媒介查询
CSS媒介查询(media query)是响应式设计中很重要的部分,它帮助你实现更加灵活的移动设计. 看示例代码ch01r06_c.html <!doctype html> <htm ...
- jQuery.queue源码分析
作者:禅楼望月(http://www.cnblogs.com/yaoyinglong ) 队列是一种特殊的线性表,它的特殊之处在于他只允许在头部进行删除,在尾部进行插入.常用来表示先进先出的操作(FI ...
- Pig + Ansj 统计中文文本词频
最近特别喜欢用Pig,拥有能满足大部分需求的内置函数(built-in functions),支持自定义函数(user defined functions, UDF),能load 纯文本.avro等格 ...
- 【转载】GPU 加速下的图像处理
Instagram,Snapchat,Photoshop. 所有这些应用都是用来做图像处理的.图像处理可以简单到把一张照片转换为灰度图,也可以复杂到是分析一个视频,并在人群中找到某个特定的人.尽管这些 ...