jquery封装的ajax请求
属性名称 | 解释 |
---|---|
url | 请求的服务器端url地址 |
async | (默认: true) 默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false |
data | 发送到服务器的数据,可以是键值对形式,也可以是js对象形式 |
type | (默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET" |
dataType | 预期的返回数据的类型,取值可以是 xml, html, script, json, text, _defaul等 |
success | 请求成功后的回调函数 |
error | 请求失败时调用此函数 |
<script type="text/javascript" src="jquery-3.3.1.js"></script> <script type="text/javascript">function sendRequest(){var allData={"labelname": "abcadfs","state": "1","count": 0,"recommend": "1"}var a = JSON.stringify(allData);alert(a)$.ajax({url:"http://localhost:9001/label",async:true,data:JSON.stringify(allData),type:"post",dataType:"json",contentType:"application/json;charset=utf-8",success:function(data){var b= JSON.stringify(data)console.log(b);alert(data);},error:function(){alert("数据没有成功返回!")}});}</script><body><input type="button" value="ajax异步访问服务器端" οnclick="sendRequest()"> </body>
总结:
1、提交json数据用到ajax异步请求,ajax有异步也有同步请求的方式,主打异步; //form表单默认是以text的方式进行提交,所以要想提交json数据,就得用到ajax请求;
2、JSON.stringify(data);将js对象转换为json字符串;
转载于:https://www.cnblogs.com/gendway/p/10808622.html
jquery封装的ajax请求相关推荐
- mui封装的ajax请求
由于项目中引进MUI框架,所以就不需要引进jquery,但需要和后台交互时,常写为jquery格式:所以笔者觉得有必要将mui封装的ajax请求在这里提一下: 1,mui框架基于htm5plus的XM ...
- JQuery封装的ajax方法
JQuery封装的ajax方法 JQuery封装的ajax优势:简单方便,已做好浏览器兼容性处理. 1.$.post方法 $.post(url[,data][,callback][,type]) ...
- ajax. jquery. 异步,jQuery之异步Ajax请求使用
$.ajax({type:'',data:'',async:''...}) 参数: 1.cache: true缓存页面 false 不缓存页面 (默认: true,dataType为script和js ...
- 用jQuery封装的Ajax把json数据展示到页面中去
实现一个聊天页面 我们下来看一下效果 图中的聊天信息先把它放在json数据中,通过jQuery封装的Ajax来把数据拿过来,再把它展示到页面中去,分为以下几步 为了方便操作,我们直接使用php stu ...
- ajax请求封装,封装的ajax请求
在做登录注册这类提交表单数据时,我们经常需要局部刷新网页来验证用户输入的信息,这就需要用到ajax请求,我们通常需要获取表单中的数据,发起ajax请求,通过服务程序,与数据库的数据进行比对,判断信息的 ...
- 关于JQuery中的ajax请求或者post请求的回调方法中的操作执行或者变量修改没反映的问题...
前段时间做一个项目,而项目中所有的请求都要用jquery 中的ajax请求或者post请求,但是开始处理一些简单操作还好,但是自己写了一些验证就出现问题了,比如表单提交的时候,要验证帐号的唯一性,所以 ...
- jQuery中终止Ajax请求
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- jquery封装的ajax方法获取web服务器时间
解决方案: Ajax HTTP Head法 原理: 一般服务器在发送静态页面的时候(apache, nginx, lighttpd就目前所知)都是会在 HTTP 头里带一个Date的头信息的,那么我用 ...
- 利用JS面向对象+模块化封装集AJAX请求、基本数据校验、URL参数截取等功能于一身的通用工具模块
以下为封装好的工具类代码,使用方法将在后边介绍. /*** Created by xiaoqiang on 2017/11/09.*/ 'use strict'; import $ from 'jqu ...
最新文章
- mac系统添加VSCode到右键菜单(转)
- refreshcontrol 实现下拉刷新的功能
- MacOS开发必备工具brew,安装nginx反向代理,替代linux工具 apt-get和 yum...
- 正则表达式中的小括号用法
- unzip 分包_建筑总包企业计量分包成本时,未取得相应分包发票,增值税如何处理?...
- java semaphore 等待时间_一个java同步工具类Semaphore的详解
- USB 摄像头成熟方案介绍
- python软件安装及设置_Python 基础知识及安装配置
- c语言malloc返回值,malloc(0)的返回值
- Word 统一修改 Mathtype尺寸
- 所有ghost操作系统大全
- 联想 M7600d 激光一体机清零方法
- 使用CrossApp实现版本更新管理(iOS端给AppStore链接,android端下载apk并替换)
- 《胡雪岩全传》高阳——读后感
- 金种子前三季净利亏损1.44亿 营收不及成本增速致毛利率下滑
- 第一章: Activity的生命周期和启动模式:
- 字体反扒 ---汽车之家(文字)
- 视频教程-游戏网络编程必备知识-Unity3D
- Android Studio百度地图仿QQ发说说选择位置功能
- php 解析收货人信息 提取 收货人 地址 电话