AJAX基础

AJAX

         -- 网页数据异步加载

  .ashx

           一般处理程序

  json

         数据格式,在不同的语言之间传递数据

对象格式：     "{"key":"value","key":"value"}"

数组格式：     "[{"key":"value"},{},{}]"

             -- 都是字符串格式

例1、对象格式

 

    -- 所有内置对象都需要通过 context 点出来 

例2、数组格式

 

    -- StringBuilder str = new StringBuilder();

    --str.Append(字符串);

                    -- 拼接文本对象，在堆栈中不会开辟新空间，将原空间扩大

jqeury.ajax基本结构

基本结构

$.ajax({
        url : "Handler.ashx",                      -- 提交到哪个服务端

        data: { "uname": s },                   -- 提交的数据，以键值对的方式传字符串，只能是字符串，可以传多个。

        type: "post",                                -- 用什么方法

        dataType: "json",                        -- 返回值的类型

        async:true,    （默认可不写）           -- 异步执行 （async: false  关闭异步功能）

        success: function ( msg ){

                  回调，处理完毕返回的结果 

         },      

        error:function(  ){

                  出错（ 路径错，服务端错，没有返回规定的json格式数据）

          },            

        beforeSend:function(  ){

                     发送之前执行（防止重复请求）

         }, 

         complete:function(  ){  

                          加载完后执行  

          }        

  });

             -- 传递进去的是字符串，返回的是字符串

例3，操纵一个 json 对象

 

                                          --与例1 对应 

例4、操纵一组对象

 

                                          -- 与例2 对应

--表格中

<thead> </thead>     --表 标题

<tbody ></tbody>    -- 表 内容

jQuery对象与DOM对象的相互转换

 jQuery对象转成DOM对象： 

两种转换方式

1、通过[index]的方法 

var $v =$("#v") ;      -- jQuery对象 

var v=$v[0];              --DOM对象 

2、通过.get(index)方法

 var $v=$("#v");             --jQuery对象 

 var v=$v.get(0);              --DOM对象 

DOM对象转成jQuery对象: 

用$()把DOM对象包装起来

var v=document.getElementById("v");     -- DOM对象 

var $v=$(v);                                               -- jQuery对象