ajax三层封装,ajax的三次封装简单概况

最新推荐文章于 2023-05-31 11:48:20 发布

李首良

最新推荐文章于 2023-05-31 11:48:20 发布

阅读量513

点赞数

文章标签： ajax三层封装

原生ajax:

readyState 准备状态

status 页面状态

send 发送请求

open 打开对象,设置请求

XMLHttpRequest 火狐谷歌等浏览器适用

ActiveXObject IE适用

ajax第一次封装 (内容顺序不唯一)

$.ajax({

url:"",//路径

data:{},//传递的参数

type:"",//提交方式post/get

dataType:"",//预期服务器返回的数据类型json/text

success:function (){},//成功时的回调函数

error:function (){},//失败时的回调函数

async: true/false 是否异步

});

ajax第二次封装 (内容顺序唯一)

$.post(

"",//url路径

{},//data传递的参数

function(){},//成功时的回调函数success

"" //第一次封装dataType => 第二次封装type 预期服务服务器返回的数据类型 json/text

)

$.get(

"",//url路径

{},//data传递的参数

function(){},//成功时的回调函数success

"" //第一次封装dataType => 第二次封装type 预期服务服务器返回的数据类型 json/text

)

$("#div1").load(//括号中是对象

"",//规定要将请求发送到哪个 URL。

{data},//可选。规定连同请求发送到服务器的数据。

function(responseTxt,statusTxt,xhr){//可选。规定当请求完成时运行的函数。

//response - 包含来自请求的结果数据

//status - 包含请求的状态("success", "notmodified", "error", "timeout" 或 "parsererror")

//xhr - 包含 XMLHttpRequest 对象

if(statusTxt=="success")

alert("加载成功!");

if(statusTxt=="error")

alert("Error: "+xhr.status+": "+xhr.statusText);

});

ajax第三次封装

$.getJSON(//只接收json类型的数据

"",//url 路径

{},//data 传递的数据

function (){//success成功时的回调函数

}

);

$.getScript(

"http://localhost:8080/demo.js",//url路径(可以是不同的项目中)

function (){//success成功时的回调函数

alert("成功的执行了js文件,划拉");

}

);

对jquery的ajax进行二次封装

第一种方法: $(function(){ /** * ajax封装 * url 发送请求的地址 * data 发送到服务器的数据,数组存储,如:{"username": &quot ...

又是一周-AJAX(三)

hi 我又食言了,但我还是厚颜无耻的回来了... 1.AJAX(三) 三.AJAX的简单的例子 3.1 简介完成:查询员工信息,通过输入员工编号查询员工的基本信息+新建员工的信息,包含员工姓名,编号 ...

Ajax+Ashx实现以及封装成控件的实现

asp.net 后台多线程异步处理时的进度条实现一(Ajax+Ashx实现以及封装成控件的实现) 工作好长时间了,这期间许多功能也写成了不少的控件来使用,但是,都只是为了代码的结构清析一些而已.而这 ...

Python面向对象三要素-封装(Encapsulation)

Design Patterns Simplified - Part 3 (Simple Factory)【设计模式简述--第三部分(简单工厂)】

原文链接:http://www.c-sharpcorner.com/UploadFile/19b1bd/design-patterns-simplified-part3-factory/ Design ...

原生JS封装简单动画效果

原生JS封装简单动画效果一致使用各种插件,有时候对原生JS陌生了起来,所以决定封装一个简单动画效果,熟悉JS原生代码 function animate(obj, target,num){ if(ob ...

Intercooler&period;js – 让 AJAX 像锚标签一样简单

使用 Intercooler,你可以添加 Ajax 到你的应用程序,而无需使用客户端模式的路由,认证,渲染,工厂或依赖注入.事实上,你不需要写任何的 JavaScript 代码.Intercooler ...

随机推荐

c&num; 改变图片的大小(w,h)

本文介绍获取网络上的图片将其大小尺寸改成自己想要的 /// /// 图片大小裁剪 /// ///

Protege A DOT error has occurred错误

问题参生的原因:graphviz没有安装或者,没有配置好解决方法: 1.下载graphviz,这里是百度软件下载的,在官网下载需要注册账户,麻烦 2.安装graphviz,找到下面的路径. 3.设置 ...

SQL生成随机字符串

1.SQLserve生成随机字符串 SELECT replace(newid(), '-', '')

简单的三层asp&period;net webForm使用Ninject实现Ioc

简单的三层asp.net webForm使用Ninject实现Ioc 在asp.net webform下使用Ninject的简单过程. 首先建立个项目,如下图,简单三层(PS:UI层要同时引用BLL. ...

web下c&num;用jquery&period;tmpl&period;min&period;js插件实现分页查询&lowbar;yginuo

背景:webform或者mvc下实现插件快速分页 ps:我这里用的mvc开发的,数据库连接.用的ADO.NET实体数据模型此案例下载地址(内含需要用到的一个插件与数据库):http://downlo ...

js打开新页面的方式：

1.超链接Welcome等效于js代码wi ...

java jdk 配置

1.配置 C:\Program Files\Java\jdk1.8.0_131\bin 路径到环境变量 Path

mysql中的用法 count group by having

1 语法: group by 字段 having 条件判断; group by的用法我已经在上一篇经验中介绍了 2 还是已员工绩效表为例 3 我们如果就是查询每个部门成绩大于89的员工数,可以这样 ...

【数据库】SQL语句解析

学习网站: http://www.runoob.com/sql/sql-having.html 1. 1.现在我们想要查找总访问量大于 200 的网站. 回取出多条重复的网址的SQL语句: selec ...

df说磁盘空间满了, du说没有，到底谁是对的

同事求助, 他在删掉一个很大的文件后, 磁盘空间依旧没释放.上去一看, 果然 df 看到磁盘空间占用依旧是100%,等等 du 看了一把,磁盘空间剩余很大. 造成这个原因是因为进程依旧打 ...