MUI AJAX Raw请求数据

提交接口数据,接口方提供的是post请求,body - raw ;

我尝试过JQuery ajax raw 的方式,但是始终无法成功

然后我回想到我用的是mui我就开始考虑用mui.ajax结果就成功了,特此记录下。其实也是也是自己走了弯路,本来用mui,最好的还是用它的全部东东

代码分享一下:

 1 (function () {
 2
 3     window.ax = {
 4         api:"http://127.0.0.1/",  // 这里需要替换为你的接口IP
 5
 6         // GET   提交方式
 7         // u    --请求地址
 8         // f    --回调函数   成功 function(data){} ; 失败 function(xhr,type,errorThrown){}
 9         g:function(u,f){
10             mui.get( ax.api + u,{},f,"json");
11         },
12
13         // POST   提交方式
14         // u    --请求地址
15         // p    --发送数据   $(id) 例子: "#id",{id:1}
16         // f    --回调函数   成功 function(data){} ; 失败 function(xhr,type,errorThrown){}
17         p:function(u,p,f) {
18             if(typeof(p) === "string") {
19                 p = $(p).serializeObject();
20             }
21             mui.ajax(ax.api + u,{
22                     data: p,
23                     dataType: ‘json‘,
24                     type: ‘post‘,
25                     headers: {‘Content-Type‘:‘application/json‘},
26                     success: f,
27                     error: f
28             });
29         }
30     }
31
32 })();
33
34 // 对Date的扩展,将 Date 转化为指定格式的String
35 // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符,
36 // 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
37 // 例子:
38 // (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423
39 // (new Date()).Format("yyyy-M-d h:m:s.S")      ==> 2006-7-2 8:9:4.18
40 Date.prototype.Format = function (fmt) { //author: zhengsh 2016-9-5
41     var o = {
42         "M+": this.getMonth() + 1, //月份
43         "d+": this.getDate(), //日
44         "h+": this.getHours(), //小时
45         "m+": this.getMinutes(), //分
46         "s+": this.getSeconds(), //秒
47         "q+": Math.floor((this.getMonth() + 3) / 3), //季度
48         "S": this.getMilliseconds() //毫秒
49     };
50     if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
51     for (var k in o)
52     if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
53     return fmt;
54 }
55
56 // 表单对象转换为JSON
57 $.fn.serializeObject = function() {
58     var o = {};
59     var a = this.serializeArray();
60     $.each(a, function() {
61         if(o[this.name]) {
62             if(!o[this.name].push) {
63                 o[this.name] = [o[this.name]];
64             }
65             o[this.name].push(this.value || ‘‘);
66         } else {
67             o[this.name] = this.value || ‘‘;
68         }
69     });
70     return o;
71 };
时间: 2024-12-18 06:15:13

MUI AJAX Raw请求数据的相关文章

09.VUE学习之watch监听属性变化实现类百度搜索栏功能ajax异步请求数据

cmd下安装axios npm install axios 安装好后,会多出node_modules文件夹 思路: 监听data里的word改变时,发送ajax异步请求数据, 把返回的数据赋值给data里的result,再传给模板里 9.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible&qu

MUI跨域请求数据的例子:

<ul class="mui-table-view" style="margin-top: 25px;"> <li class="mui-table-view-cell"> <a id="about" class="mui-navigate-right"> 关于mui </a> </li> </ul> document.getEleme

jarson jQuery的deferred对象使用详解——实现ajax线性请求数据

最近遇到一个ajax请求数据的问题 ,就是想要请求3个不同的接口,然后请求完毕后对数据进行操作,主要问题就是不知道这3个请求誰先返回来,或者是在进行操作的时候不能保证数据都已经回来,首先想到能完成的就是在第一个ajax请求的succes里面写第二个ajax请求,但是大家都知道,这样写的效率会很低很低,所以放弃了. 查阅了很久,终于找到了方法.使用deferred对象. jQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本.每个版本都会引入一些新功能.今天我想介绍的,就是从jQue

jQuery的deferred对象使用详解——实现ajax线性请求数据

最近遇到一个ajax请求数据的问题 ,就是想要请求3个不同的接口,然后请求完毕后对数据进行操作,主要问题就是不知道这3个请求誰先返回来,或者是在进行操作的时候不能保证数据都已经回来,首先想到能完成的就是在第一个ajax请求的succes里面写第二个ajax请求,但是大家都知道,这样写的效率会很低很低,所以放弃了. 查阅了很久,终于找到了方法.使用deferred对象. jQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本.每个版本都会引入一些新功能.今天我想介绍的,就是从jQue

ajax异步刷新请求数据

AJAX是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新.AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML).简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示. 原生的ajax是比较难写的,对底层原理要求相对较高,而jQuery经过封装,将ajax封装了,使用起来就比较简单了,有三种方式:$.get(),$.post(),$.ajax(). 1.第一种方式 $.get

Ajax请求数据与删除数据后刷新页面

1.ajax异步请求数据后填入模态框 请求数据的按钮(HTML) <a class="queryA" href="javascript:void(0)" onclick="query(${register.id})"> <span class="glyphicon glyphicon-search"></span></a>  ajax异步请求数据后给id为queryInfo的模态

ajax异步请求302分析

1.前言 遇到这样一种情况,打开网页两个窗口a,b(都是已经登录授权的),在a页面中退出登录,然后在b页面执行增删改查,这个时候因为授权原因,b页面后端的请求肯定出现异常(对这个异常的处理,进行内部跳转处理),b页面中的ajax请求的回调中就会出现问题,今天遇到了,有种恍然大悟的感觉,打开以前公司的网站发现全都没做任何处理...... 没遇到过错误,永远不知道错误会什么时候出现. 2.问题:在ajax异步请求中,如果服务端出现内部跳转,如何在回调中处理 我们先来看这样一个简单的ajax异步请求

使用mui.ajax完成跨域请求

一.代码 mui.ajax({ type:"post", url: serverip + '/api/v1/requestSMS/?jsoncallback=?', async:false, data: { mobile: mobile }, dataType: "jsonp", jsonp: "jsoncallback", success: function(data, status, xhr){ console.log("succe

mui.ajax与服务器(SpringMVC)传输json数据

跨域问题 PC端为了安全,所以禁止跨域.而我使用mui做移动web时,难免会使用pc浏览器进行调试.mui.ajax是允许跨域的.为了可以调试成功,需要对浏览器进行设置及.以360急速浏览器为例,设置如下: 即在目标后添加 --disable-web-security(前面有空格) 前端设置 <script type="text/javascript" charset="UTF-8"> regInfo = {name:'wuchao',password: