简单的ajax封装

// ajax发送post请求返回 json 数据
function requestJSON(params) {
params.dataType = 'json';
sendPost(params);
}

// ajax发送post请求返回 string字符串
function requestString(params) {
params.dataType = 'text';
sendPost(params);
}

// ajax发送post请求
function sendPost(params) {
params.type = 'post';
sendRequest(params);
}

// ajax发送get请求
function request(params) {
params.type = 'get';
sendRequest(params);
}

// ajax请求封装
function sendRequest(params) {
params = $.extend({}, { async: true }, params);
$.ajax({
url: params.url,
data: params.data,
type: params.type,
dataType: params.dataType,
success: params.success,
async: params.async,
beforeSend: function () {
if (typeof (params.before) == 'function') {
params.before();
}
else {
// 页面数据请求提示loading效果
jQuery('body').Loading({ marginTop: '-300px;' });
}
},
error: function () {
jQuery('body').hideLoading();
if (typeof (params.error) == 'function') params.error();
},
complete: function () {

if (typeof (params.complete) == 'function') {
params.complete();
}
else {
// 请求完成处理
jQuery('body').hideLoading();
}
}
});
}


---------------------------------@发布---------------------------//
function textChange(options) {
var opt = $.extend({
Content: ''
}, options);
var objId = opt.Content;
var obj = $("#" + objId);
obj.keydown(function (evt) {
var k = window.event ? evt.keyCode : evt.which;
var isChrome = window.navigator.userAgent.indexOf("Chrome") !== -1;
if (isChrome&&k==16) {
k=50;
}
//为@键值时
//这里监听输入框的keyup事件
//不为空 && 不为上箭头或下箭头或回车
if (k == 50 && evt.shiftKey) {
buildTip(obj, '');
}
else if (k == 13 || k == 38 || k == 40) { //回车
if ($('#searchresult ul').length > 0) {
if (k == 38) { //上箭头
$('#searchresult a.searchHover').parent().prev().find("a").addClass("searchHover");
$('#searchresult a.searchHover').parent().next().find("a").removeClass("searchHover");
} else if (k == 40) { //下箭头
$('#searchresult a.searchHover').parent().next().find("a").addClass("searchHover");
$('#searchresult a.searchHover').parent().prev().find("a").removeClass("searchHover");
} else if (k == 13) { //回车
var selContent = $('#searchresult a.searchHover').attr('rname');
if (selContent == "" || selContent == undefined) return;
var content = selContent + ' ';

//移除textarea里面@后面多余数据
var pointIndex = getPositionForTextArea(obj[0]);
var searchName = "";
var atIndex = obj.val().substring(0, pointIndex).lastIndexOf("@", atIndex);
obj.val(obj.val().substring(0, atIndex + 1) + obj.val().substring(pointIndex));

var newIndex = getPositionForTextArea(obj[0]);
setCursorPosition(obj[0], newIndex - (newIndex - atIndex - 1));

resetPostion(content, obj);
$("#searchresult").remove();
}
evt.returnValue = false;
return false;
}
}
else {
//$("#searchresult").remove();
}
});

obj.keyup(function (evt) {
var k = window.event ? evt.keyCode : evt.which;
if (k != 13 && k != 38 && k != 40) {
if ($('#searchresult ul').length > 0) {
var pointIndex = getPositionForTextArea(obj[0]);
var searchName = "";
var atIndex = obj.val().substring(0,pointIndex).lastIndexOf("@", atIndex);
searchName = obj.val().substring(atIndex + 1, pointIndex);
buildTip(obj, searchName);
}
}
});
}

//构建提示信息
function buildTip(obj, serachname) {
$.ajax({
type: 'post',
url: '',
data: '',
dataType: 'json',
success: function (data) {
var objData = data.list;
if (objData.length > 0) {
if ($("#searchresult").length > 0)
$("#searchresult").remove();
var layer = "";
layer = "<div id='searchresult'><ul>";
$.each(objData, function (idx, item) {
layer += "<li><a href='javascript:void(0);' ></a></li>";
});
layer += "</ul></div>";

//将结果添加到div中
obj.after($(layer));
$("#searchresult a:first").addClass("searchHover");
$("#searchresult").css("display", "");

//鼠标点击事件
$("#searchresult a").click(function () {
var content = $(this).attr('rname') + ' ';
resetPostion(content, obj);
$("#searchresult").empty();
$("#searchresult").css("display", "none");
});

$("#searchresult a").each(function () {
$(this).mouseover(function (e) {
$("#searchresult a").removeClass("searchHover");
$(this).addClass("searchHover");
});
});

//evt.stopPropagation();

//处理js事件冒泡问题
$('body').bind("click", function (e) {
$("#searchresult").remove();
e.stopPropagation();
});
$("#searchresult").bind("click", function (e) {
e.stopPropagation();
});

} else {
$("#searchresult").remove();
}
}
});
}

var cpos = 0;
function resetPostion(content, target) {
var tc = target[0];

if (document.selection) {//ie
target.bind("click keyup", function (e) {//点击或键盘动作时设置光标值
e.stopPropagation();
cpos = getPositionForTextArea(tc);
});
}
var tclen = target.val().length;
var pos = 0;
if (typeof document.selection != "undefined") {//IE
target.focus();
//setCursorPosition(tc, cpos);//设置焦点
document.selection.createRange().text = content;
//计算光标位置
pos = getPositionForTextArea(tc);
} else {//火狐
//计算光标位置
pos = tc.selectionStart + content.length;
target.val(target.val().substr(0, tc.selectionStart) + content + target.val().substring(tc.selectionStart, tclen));
}
cpos = pos;
setCursorPosition(tc, pos); //设置焦点
}

//textarea设置光标位置
function setCursorPosition(ctrl, pos) {
if (ctrl.setSelectionRange) {
ctrl.focus();
ctrl.setSelectionRange(pos, pos);
} else if (ctrl.createTextRange) {// IE Support
var range = ctrl.createTextRange();
range.collapse(true);
range.moveEnd('character', pos);
range.moveStart('character', pos);
range.select();
}
}

//获取多行文本框光标位置
function getPositionForTextArea(obj, content) {
var CaretPos = -1;
if (typeof document.selection != "undefined") {//IE
var Sel = document.selection.createRange();
var Sel2 = Sel.duplicate();
Sel2.moveToElementText(obj);
while (Sel2.inRange(Sel)) {
Sel2.moveStart('character');
CaretPos++;
}
}
else {
if (content == undefined)
content = "";
CaretPos = obj.selectionStart + content.length;
}
return CaretPos;

}
1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值