ajax请求封装调用

/*
 * ajax请求封装
 */
function _ajax(url,data,callback){
    try {
        $.ajax({
            url:url,
            type:"POST",
            data:data,
            dataType:‘json‘,
            success:function(data){
                try {

                      if(data.code == 0){

                        mui.alert(‘保存成功‘)
                    }else{

                        mui.toast(‘保存失败‘);
                    }

                  } catch(e) {

                    mui.toast(‘获取数据失败‘);
                  }
            },
            error: function(xhr, textStatus, error) {
                if(textStatus == "error")
                mui.toast(‘请检查网络连接‘);
            }
        });

    }catch(e) {

      mui.toast("请检查网络连接");

    }
}

/*
 * ajax调用
 */
var webUrl = G_WEBBASE + "rcall.jsp?sytid=CHIS&mwid=GZJKinterface03&funcid=WriteGZJKpermsgRecord&TYPE=2&USRGUID=" + G_APP_USRGUID;
_ajax(webUrl,{
    Height:$(‘#field-range-input‘).val(),//身高
    Weight:$(‘#inline-range-val‘).text()//体重
});
时间: 2024-10-20 22:29:37

ajax请求封装调用的相关文章

React后台管理系统-ajax请求封装

1.新建文件夹 util , 在util里边新建 mm.jsx文件 2.使用jquery里边的ajax发送请求,回调用promise,返回一个promise对象 request(param){         return new Promise((resolve, reject) => {             $.ajax({                 type : param.type || 'get',                 url : param.url || '',

vue 中 ajax请求封装以及使用方法

async/await 1)async/await场景 这是一个用同步的思维来解决异步问题的方案,当前端接口调用需要等到接口返回值以后渲染页面时. 2)名词解释 >async  async的用法,它作为一个关键字放到函数前面,用于表示函数是一个异步函数,因为async就是异步的意思, 异步函数也就意味着该函数的执行不会阻塞后面代码的执行,             async 函数返回的是一个promise 对象. >await await的含义为等待.意思就是代码需要等待await后面的函数运

ajax请求封装

function ajax(method,url,data="",dataType="json"){ return new Promise((resolve,reject)=>{ //1 获取xhr var xhr= new XMLHttpRequest; //2 创建请求 xhr.open(method,url,true); //3 设置请求头 if(method=="post"){ xhr.setRequestHeader( "

封装基本的Ajax请求

一.说明 Ajax请求能够对页面进行局部的更新,而不用重新刷新当前浏览的整个页面,使用户体验更好. 实现Ajax请求的方法可以通过JavaScript代码向服务器发出 请求信息,客户端浏览器接收到返 回的Ajax数据,对页面进行 局部的刷新.在这个实现过程中,XMLHttpRequest对象是Ajax 的核心. 虽然jQuery已经将Ajax请求封装得很好了,我们可以非常方 便的使用jQuery库提供的方法($.get(), $.post(),$.ajax()等) 实现Ajax请求,但是本着学习

Extjs中ajax请求当session失效时自动跳转

当session失效时,我们可以通过filter来拦截并重定向到登陆页面,可是请求如果是ajax请求,页面并不会重定向,这是因为ajax返回的是数据,无法返回页面. ajax异步请求不同于其他请求,其在请求头里包含有X-Requested-With:XMLHttpRequest,看下面两张图的区别. 我们可以在filter中通过它来判断一个请求是不是异步的,如果是,我们可以返回一个sessionstatus,在页面上通过判断sessionstatus的值来判断session是否失效. 第一张是普

原生AJAX请求教程

ajax 即 Asynchronous Javascript And XML,AJAX 不是一门的新的语言,而是对现有持术的综合利用.本质是在 HTTP 协议的基础上以异步的方式与服务器进行通信. 异步:指某段程序执行时不会阻塞其它程序执行,其表现形式为程序的执行顺序不依赖程序本身的书写顺序,相反则为同步. XMLHttpRequest 对象 浏览器内建对象,用于在后台与服务器通信(交换数据) ,由此我们便可实现对网页的部分更新,而不是刷新整个页面. 所有现代浏览器(IE7+.Firefox.C

原生js和jquery发送ajax请求及封装

原生js                                   // ajax get 五部曲function ajax_get(url,data){ // 异步对象 var ajax=new XMLHttpRequest(); // 设置url和请求方式 // url方法 如果有数据要把数据拼接到url中?name=jack&age=20 if(data){ url+=?; url+=data; }else{}; ajax.open('get',url); // 发送请求 aja

JS/Jquery:jquery封装ajax请求。

jquery提供了ajax请求,但这个写起来很繁琐,所以我在项目里对其进行了简单封装,为了用起来方便嘛~~~~~ 以后每次都引入这个js文件就可以了: 下面是代码部分: base.js //ajax请求 var ajaxRequest = function () { }; ajaxRequest.prototype = { //初始化设置 url : '', dataType : 'json', data:'', //初始化ajax参数 setUp : function(){ $.ajaxSet

javascript中Ajax请求的封装代码

/****************************ajax请求 start**************************************/ function ajaxClass(_url, _successCallback, _failureCallback, _urlParameters, _callbackParams, _async, _charset, _timeout, _frequency, _requestTimes, _frame) { /** * AJAX