JavaScript之ajax的作用、流程以及如何设置请求头

什么是ajax?它的作用是什么?它的流程好处又有那些?如何设置请求头呢????????(嘻嘻,不知道请往下看哦):

  1)什么是ajax呢?

    ajax即“Asynchronous Javascript And XML”(异步的JavaScript和xml),是指一种创建交互式网页应用的网页开发技术。

  2)ajax的作用又是什么呢?

    通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

    通俗的来讲:它是一种用于创建快速动态网页的技术;也是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

  3)然而它的好处有哪些呢?

    1、用户体验特别好

    2、大大提高了效率

    3、无刷新动态加载数据

  4)ajax的流程是什么呢?

    1、创建一个ajax对象(new XMLHttpRequest()||new ActiveXObject("Microsoft, XMLHTTP"));

    2、open();//打开,它有三个参数(提交方式, 地址, true);

    3、send();//提交

    4、监听服务器的状态(onreadystatechange)

  5)设置请求头

    setRequestHeader("content-type", "application/x-www-from-urlencoded")

监听服务器的一些状态码(嘻嘻,大概的说一些常用的)

  建立连接的状态:

    0:代表未初始化;

    1:代表启动;

    2:代表发送;

    3:代表接受;

    4:代表完成;

  服务器的反馈:

    100:表示客户必须继续发出请求;

    200:表示请求成功;

    300:表示重定向;

    400:表示客户端错误;

    500:表示服务器错误;

说了这么多也就是为封装ajax做好铺垫的,然而究竟怎么封装ajax呢??? 点个赞我就考诉你(嘻嘻)  

原文地址:https://www.cnblogs.com/wantu/p/9063432.html

时间: 2024-10-06 19:34:31

JavaScript之ajax的作用、流程以及如何设置请求头的相关文章

ajax中的setRequestHeader设置请求头

1.问题引发点: 前不久发现一个问题: 前端并没有设置请求头信息里面的Accept-Encoding:gzip...但是在请求头中可以明显的看到Accept-Encoding:gzip, deflate, sdch,并且我尝试修改这个请求头,发现 不 生 效: 2.XMLHttpRequest对象提供了一个设置请求头的方法:setRequestHeader,对应的jQuery可以再beforeSend回调里面设置请求头: $.ajax({ type: "GET", url: "

JQuery Ajax 设置请求头信息application/json

今天有个api后台接application/json格式的 在Jquery里$.ajax默认是contentType: application/x-www-form-urlencoded; charset=UTF-8 此格式为表单提交格式,数据为 k1=v1&k2=v2的格式 虽然你可以在data设置的是{k1:v1,k2:v2}不过在提交的时候还是会转换成k1=v1&k2=v2 所以我就在参数里加上了contentType: 'application/json;charset=UTF-8

jquery ajax 设置请求头header 参数

$.ajax( { url:'http://127.0.0.1:30080/api-a/quasiCustom/selectCustomList', type:'post', dateType:'json', beforeSend: function(xhr) { xhr.setRequestHeader("organId:'1333333333'"); }, headers:{'Content-Type':'application/json;charset=utf8','organI

javascript的ajax

AJAX 一 AJAX预备知识:json进阶 1.1 什么是JSON? JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.JSON是用字符串来表示Javascript对象: 请大家记住一句话:json字符串就是js对象的一种表现形式(字符串的形式) 既然我们已经学过python的json模块,我们就用它来测试下json字符串和json对象到底是什么 import json i=10 s='hello' t=(1,4,6) l=[3,5,7] d={'n

【JavaScript】--ajax

1 什么是AJAX AJAX(Asynchronous Javascript And XML)翻译成中文就是“异步Javascript和XML”.即使用Javascript语言与服务器进行异步交互,传输的数据为XML(当然,传输的数据不只是XML). AJAX还有一个最大的特点就是,当服务器响应时,不用刷新整个浏览器页面,而是可以局部刷新.这一特点给用户的感受是在不知不觉中完成请求和响应过程. 与服务器异步交互: 浏览器页面局部刷新: <!DOCTYPE html> <html lang

使用JavaScript实现ajax

1 var xmlHttp = null; 2 /*使用XMLHttpRequest对象进行ajax交互*/ 3 function verifyNew(id){ 4 /*获取待打算数据*/ 5 var username = document.getElementById(id).value; 6 7 /*创建XMLHttpRequest对象*/ 8 9 if(window.XMLHttpRequest){ 10 /*针对FireFox Mozillar Opera Safair IE7+*/ 1

JavaScript基础---AJAX

内容提纲: 1.XMLHttpRequest 2.GET与POST 3.封装Ajax  发文不易,转载请注明链接出处,谢谢! 2005年Jesse James Garrett发表了一篇文章,标题为:"Ajax:A new Approach to Web Applications".他在这篇文章里介绍了一种技术,用他的话说,就叫:Ajax,是Asynchronous JavaScript + XML的简写.这种技术能够想服务器请求额外的数据而无须卸载页面(即刷新),会带来更好的用户体验.

Ajax--Ajax基于原生javascript:创建Ajax对象、链接服务器、发送请求、接受响应结果

我的笔记:Ajax概述 一.Ajax应用小例子(get提交) register_get.html (客户端) 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 .tips{ 8 color:red; 9 } 10 </

Ajax的工作流程简述

提到Ajax相信我们都不会陌生,不管你是前端开发还是后台数据处理的程序员,ajax的作用就像现在生活中的手机一样,无论是作用还是流程都差不多,这里我们要进行ajax操作后台数据并显示在页面上的话,首先我们这里才用原生态的ajax去实现,第一步要做的就是首先我们得有一个ajax才行,紧接着还得清楚他的工作流程才行啊,下面我就简单谈谈ajax的工作流程.     v作为一个刚接触ajax的信任来说肯定会觉得很神奇,不知道一个小小的ajax竟然有这种强大的功效实现这样复杂的任务,其实不然,当我们除去包