• Ajax和Json的介绍(一)


    Ajax简介:

    优点:

    1.Ajax是一种网页开发技术,异步JavaScript和XML;(这样叫的原因是是因为ajax传递数据是用json格式的,而json和xml又类似,都是以键值对,josn是"name":"wp",xml的是:<name>wp</name>)

    2.Ajax能异步交互,局部刷新;

    3.Ajax能减少服务器压力;

    4.AJax能提高用户体验;

    Ajax与传统交互比较:

    传统交互:网页整体刷新,服务器压力大,用户体验不好;Ajax交互:局部刷新,服务器压力小,用户体验好。

    Ajax核心:XMLHttpRequest

    XMLHttpRequest:用于在后台与服务其交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的局部进行刷新。IE5和IE6对应的XMLHttpRequest对象为ActiveXObject对象

    1.XmlHttpRequest对象进行后台请求:

    (1)建立与服务器的连接:open(method,URL,async);

      method为请求,值为get或post

      URL参数:指定请求的地址

      async:是否异步,一般为true(异步表示程序请求服务器的同时,程序可以继续执行;如果是同步的话,javascript会等到服务器响应就绪才继续执行,如果服务器繁忙或缓慢,应用程序会挂起或停止)

    (2)发送请求:send(content);

    (3)设置头信息:setRequestHeader(header,value)

      如:setRequestHeader("Content-type","application/x-www-form-urlencoded")

    Content-type表示编码属性;

    form的enctype属性:

    a)  application/x-www-form-urlencoded: 窗体数据被编码为名称/值对。这是标准的编码格式 。当action为get时候,浏览器用x-www-form-urlencoded的编码方式把form数据转换成一个字串(name1=value1&name2=value2...),然后把这个字串append到url后面,用?分割,加载这个新的url。 当action为post时候,浏览器把form数据封装到http body中,然后发送到server。 如果没有type=file的控件,用默认的application/x-www-form-urlencoded就可以了。 但是如果有type=file的话,就要用到multipart/form-data了。浏览器会把整个表单以控件为单位分割,并为每个部分加上Content-Disposition(form-data或者file),Content-Type(默认为text/plain),name(控件name)等信息,并加上分割符(boundary)。

    b)multipart/form-data: 窗体数据被编码为一条消息,页上的每个控件对应消息中的一个部分

    c)text/plain: 窗体数据以纯文本形式进行编码,其中不含任何控件或格式字符

    2.XMLHttpRequest对象响应服务器

     (1)接收:onreadystatechange回调函数

     (2)readyState表示XMLHttpRequest的状态信息:

      0:XMLHttpRequest对象没有完成初始化

      1:XMLHttpRequest对象开始发送请求

      2:XMLHttpRequest对象的请求发送成功

      3:XMLHttpRequest对象开始读取响应,还没结束

      4:XMLHttpRequest对象读取响应结束

     (3)status:HTTP的状态码

      200:服务器响应正常

      400:无法找到请求的资源

      403:没有访问权限

      404:访问的资源不存在

      500:服务器内部出错

    获取来自服务器的响应:

    responseText:获得 响应的文本内容

    responseXML:获得响应的XML文档对象

    JSON简介:

    1.它是javascript对象表示法

    2.它是存储和交换文本信息的语法,类似XML

    3.它比xml更小,更快,更易解析

    4.用evla()处理json字符串

    5.json格式为:值/对。所以我们在用ajax进行请求的时候将头信息设置为:application/x-www-form-urlencoded

    6.JSON 值可以是:

    • 数字(整数或浮点数)
    • 字符串(在双引号中)
    • 逻辑值(true 或 false)
    • 数组(在方括号中)
    • 对象(在花括号中)
    • null

     7.json文件

    • JSON 文件的文件类型是 ".json"
    • JSON 文本的 MIME 类型是 "application/json"

       MIME就是邮件传输类型,这里就想着json的传输类型为:application/json

    Java小生店铺:

    Pc端:http://shop125970977.taobao.com/index.htm

    手机端:搜索 java小生店铺

    希望店铺的资料能帮助到你!!!

     

  • 相关阅读:
    丁丁又病了
    领导之所以是领导
    丁丁的进步
    最近比较烦
    批量更新数据表
    转帖:《EnterLib PIAB深入剖析》系列博文汇总
    XML DOM介绍
    转大白话系列之C#委托与事件讲解大结局
    using
    jQuery工作原理解析以及源代码示例
  • 原文地址:https://www.cnblogs.com/lirenzhujiu/p/5915362.html
Copyright © 2020-2023  润新知