首页 > 其他分享 >jQuery--ajax请求

jQuery--ajax请求

时间:2023-08-03 17:37:29浏览次数:23  
标签:jQuery 请求 get -- json ajax post data

jquery简化了ajax请求的步骤,使用三个函数就可以实现ajax请求的处理

一、函数

(1)实现ajax的核心函数

$.ajax()

(2)post方式发送ajax请求

$.post()

(3)get方式发送ajax请求

$.get()

$.post和$.get是在内部调用$.ajax()

 

二、使用$.ajax函数

// $.ajax()的参数是一个json的结构
$.ajax({
    async : true,
    contentType : "",
    data : "{name:'lisi',age:20}",
    dataType : "json",
    error : function(){},
    success : function(data){
        // data 就是responseText,jQuery处理后的数据
    },
    url : "bmiAjax",
    type : "post"
})
// 参数说明:
async:boolean类型值,默认为true,表示异步请求。可以不写
contentType:字符串类型,表示从浏览器发送服务器的参数的类型,可以不写
            例如:表示请求的参数为json格式,可以写application/json
data:类型可以是字符串,数组,json,表示请求的参数和参数值,常用为json格式
dataType:表示期望从服务器端返回的数据格式,类型可以是xml,html,text,json
            后端读取到dataType的值,就知道浏览器需要的是什么数据,服务器就会返回你需要的数据格式
error:一个函数,当请求发生错误时,执行的函数
sucdess:一个函数,当请求成功时,从服务器端返回了数据,执行的函数
url:请求的地址
type:请求的方式,get或者post,不用区分大小写,默认为get请求
主要使用以下参数:url,type,data,dataType,success

 

// $.post()使用post方式
$.post(URL,data,function(response){
    // 处理程序
},dataType)
// 四个参数,与$.get()相同

// 一个例子
$.post("queryMeg",{proid:id},function(response){
    $.each(response,function(){
        $("#div").append("")
    })
},"json")

 

标签:jQuery,请求,get,--,json,ajax,post,data
From: https://www.cnblogs.com/hyy-0/p/17603623.html

相关文章

  • npm更新指定的组件
    npm更新指定的组件1、例如:react-router已经更新到4.x版本,想要下载2.x版本,可以通过下面命令[email protected][email protected]、–save-dev–save:将保存配置信息到package.json。默认为dependencies节点中。–dev:将保......
  • 分布式流处理组件-生产实战:Broker副本与优化
    ......
  • Vhost-user协议 — QEMU 8.0.0 文档 翻译版
    Vhost-user协议—QEMU8.0.0文档翻译版(先机翻,然后自己人工翻译一整天)PDF版免费送! 联系qq:2426149954,备注:“QEMU+PDF版 ”;Word版RM5!联系qq:2426149954,备注:“QEMU+Woed版 ”。  欢迎联系~       ......
  • 基于JAVA的博客平台设计与实现
    随着互联网技术的快速发展,利用博客平台实现用户资讯的发布管理成为很多互联网公司研究的热门话题。通过对博客平台系统的网站功能需要进行讨论研究,这种资讯发布非常符合资讯发展的潮流,博客平台的实现将会对当前网站的信息推广产生不可估量的巨大浏览提升。正是鉴于此种对潜在用户主......
  • go语言基础-关键字
    go代码中会使用到25个关键字和保留字breakdefaultfuncinterfaceselectcasedefergomapstructchanelsegotopackageswitchconstfallthroughifrangetypecontinueforimportreturnvargo代码经常用到的预定义标识符appendboolbytecapclo......
  • 《Ext详解与实践》节选:文件上传
    rel="File-List"href="file:///C:%5CDOCUME%7E1%5CADMINI%7E1%5CLOCALS%7E1%5CTemp%5Cmsohtml1%5C01%5Cclip_filelist.xml">rel="Edit-Time-Data"href="file:///C:%5CDOCUME%7E1%5CADMINI%7E1%5CLOCALS%7E1%5CTemp%5Cmsohtml1%5C01......
  • Netty 原理解析与实战开发(二)
    Netty原理解析与开发实战八、ChannelHandler8.1ChannelHandler介绍我们对数据的处理都是在ChannelHandler中完成的,Netty提供了众多ChannelHandler的实现类来帮助我们实现一些网络编程中通用功能,比如最常用的心跳检测、数据编解码等。Netty中的ChannelHandler分为两类,一类处......
  • 使用ELK搭建社工库
    ELK是什么东西?ELK是ElasticSearch、Logstash、Kibana三个应用的缩写。ElasticSearch简称ES,主要用来存储和检索数据。Logstash主要用来往ES中写入数据。Kibana主要用来展示数据。为什么用ELK?传统的社工库通常用MySQL数据库来进行搭建,在相当大的数据下检索效率非常低下。在这种关......
  • .ibd迁移数据
    概述从MySQL5.6版本开始,引入了传输表空间这个功能,可以把一张表从一个数据库移到另一个数据库或者另一台机器上。在做数据迁移时,非常方便,尤其是针对一张数据量很大的表来说。相比mysqldump的方式,表空间传输要快很多,而且更加灵活。当然如果想使用表空间传输的功能,也必须满足以下几个......
  • three.js学习2-性能监测工具stats.js
    1.安装npmistats.js2.组件引入import*asStatsfrom'stats.js'3.使用,requestAnimationFrame循环调用的函数中调用方法update(),来刷新时间//创建性能检测letstats=newStats()stats.showPanel(0)//0:fps,1:ms,2:mb,3+:customdocument.body.appe......