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文件,划拉");
                        }
                    );

原文地址:https://www.cnblogs.com/ggq-insist-qiang/p/10632568.html

时间: 2024-10-07 16:41:34

ajax的三次封装简单概况的相关文章

javascript 学习小结 (三) jQuery封装ajax尝试 by FungLeo

javascript 学习小结 (三) jQuery封装ajax尝试 by FungLeo 前言 在JS学习中,对于原生的很多东西我理解得并不透彻.但是使用jQuery来操作DOM,基本上还是非常熟练的.但是对于AJAX数据交互的处理,我不是很理解. 近期团队交给我一个后端全接口提供给我的项目.我要利用这些接口来自己组织前端代码.为了学习,我决定不使用VUE或者其他的前端框架来做.而是只使用jQuery框架,数据的部分全部使用拼接字符串的形式实现. 获取数据,显示数据,提交数据. 在这个项目中(

AJAX学习整理二之简单实例

做了几个简单的实例,加载txt文本内容.加载xml文件内容,把xml文本内容转换成html表格显示.废话不多说,直接贴代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/html"> <head>     <title>通过ajax获取文本内容</title>     <meta charset="utf-8">     <scr

又是一周-AJAX(三)

hi 我又食言了,但我还是厚颜无耻的回来了... 1.AJAX(三) 三.AJAX的简单的例子 3.1 简介 完成:查询员工信息,通过输入员工编号查询员工的基本信息+新建员工的信息,包含员工姓名,编号,性别,职位: 实现:纯html页面+PHP页面,用来实现查询员工和新建员工的后台接口: 3.2 服务器端实现 我这里用的是wamp集合端,很多东西都不用变. 然后编写程序在adobe dreamwaverCs6 --DW 安装,网上有. 建立站点先,放在www文件夹下,然后服务器什么的也要自己整一

js 实现对ajax请求面向对象的封装

AJAX 是一种用于创建快速动态网页的技术.通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 在js中使用ajax请求一般包含三个步骤: 1.创建XMLHttp对象 2.发送请求:包括打开链接.发送请求 3.处理响应 在不使用任何的js框架的情况下,要想使用ajax,可能需要向下面一样进行代码的编写 var xmlHttp = xmlHttpCreate();//创建对象 xmlHttp.onreadysta

Ajax的三种实现及JSON解析

本文为学习笔记,属新手文章,欢迎指教!! 本文主要是比较三种实现Ajax的方式,为以后的学习开个头. 准备: 1.  prototype.js 2.  jquery1.3.2.min.js 3.  json2.js 后台处理程序(Servlet),访问路径servlet/testAjax: package ajax.servlet; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.Servl

unity3d 三分钟实现简单的赛车漂移

提到赛车游戏,大家最关心的应该就是漂移吧?! 从学unity开始,我就一直在断断续续的研究赛车 因为自己技术太烂.悟性太差等原因,我走了不少弯路 也许你会说,网上那么多资料,你不会查啊 是啊!网上一搜一大把unity赛车例程,还有好几篇被转发了很多次的赛车漂移实现思路 [wheelcollider:自己技术太烂搞不定] 赛车例程几乎都是用wheelcollider来实现的 我一直以为wheelcollider的参数简直就不是人能调的 直到上个星期我才听我好朋友 阿亮 说wheelcollider

Intercooler.js – 让 AJAX 像锚标签一样简单

使用 Intercooler,你可以添加 Ajax 到你的应用程序,而无需使用客户端模式的路由,认证,渲染,工厂或依赖注入.事实上,你不需要写任何的 JavaScript 代码.Intercooler 是 HTML 的自然延伸:一个熟悉的语法,简单的属性就可以把 AJAX 请求添加到您的应用程序中. 在线演示      源码下载 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示 十分惊艳的8个 HTML5 & JavaScri

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

Design Patterns Simplified - Part 3 (Simple Factory)[设计模式简述--第三部分(简单工厂)] This article explains why and how to use the Simple Factory Design Pattern in software development. 这篇文章解释了在软件开发中为什么使用,以及怎么使用简单工厂模式. I am here to continue the discussion of Desi

Ajax打开三种页面的请求

xmlhttprequest对象可以打开两种方式的页面请求 1,.asmx格式的webservice页面. 2,.aspx格式的web窗体 其中web窗体可以是调用一新建的web窗体,同时调用和被调用页面可以是同一个页面,表达的可能不够清楚,还是看示例吧. 一.调用.asmx格式的webservice页面 1,新建一个ASP.NET应用程序,在该应用程序中添加一web服务页面(webservice页面),此时项目中有三个页面,web窗体页面(Default.aspx).webservice页面(