分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

JQ 的 ajax 封装

发布时间:2023-09-06 01:51责任编辑:熊小新关键词:暂无标签
JQ 的 ajax 封装
function Ajax(opt){ ???var isdefult=opt.isdefult||"need";//判断是否需要这个函数来判断,还是在页面请求回来的数据回来之后判断 ???$.ajax({ ???????url:‘http://haha/‘+opt.url,//数据的接口的路径 ???????dataType:‘json‘, ???????type: opt.type||"get",//请求的方式 ?默认是get ???????data:opt.param||"",//请求的参数 ?默认是空 ???????async:opt.async||true,//是否是异步,默认是异步 ???????timeout: 10000, ???????success: function(res) { ???????????????????????if(isdefult=="need"){//判断是否需要这个函数来判断,还是在页面请求回来的数据回来之后判断 ???????????????if(res.code==0){//根据自己的项目的返回来判断 ???????????????????opt.successBack instanceof Function&&opt.successBack(res.data);//成功的函数,看自己项目传值 ???????????????} ???????????????else{ ???????????????????console.log(res.msg) ???????????????} ???????????} ???????????else ???????????{ ???????????????opt.successBack instanceof Function&&opt.successBack(res); ???????????} ????}, ???????error: function(xhr, type, errorThrown){ ???????????console.log(JSON.stringify(xhr)); ???????????console.log(type); ???????????console.log(errorThrown); ???????} ???});}看自己的喜欢。可以选择扩展到jquery上面去,也可以是一个函数。
使用方式:简单的get请求:Ajax({ ?"url":"get/user","successBack":function(data){
?  //成功之后的一些处理
  }})post请求:Ajax({ ?"url":"get/user","type":"post", ?"param":{"user":"xg"}, ?"successBack":function(data){
    //成功之后的一些处理
  }})

JQ 的 ajax 封装

原文地址:https://www.cnblogs.com/hai-cheng/p/8953840.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved