Django与Ajax

1>什么是Ajax

         AJAX（Asynchronous Javascript And XML）翻译成中文就是“异步Javascript和XML”。即使用Javascript语言与

     服务器进行异步交互，传输的数据为XML（现在多用json数据）

       Ajax有两大特性，也是它的优点

      异步交互：客户端发出一个请求后，无需等待服务器响应结束，就可以发出第二个请求

      局部刷新：这一特点给用户的感受就是在不知不觉中完成请求和响应过程

      如何理解？----我们先看下之前的接触过请求

      http请求，类型有 get 和post，参数是url

      form表单请求，类型有 get 和post，参数是url

      a标签，get请求，参数也是url

      这些请求都是 同步交互，也就是客户端发出一个请求后，需要等待服务器响应结束后，才能发出第二个请求，

      并且当url发生变化时，页面会发生跳转（全局刷新），让用户实实在在觉得确实是进行了一次请求。

      那么Ajax应用在那些地方呢？

      举个例子，网站的用户注册页面，当输入一个用户名的时候，鼠标点击其他地方，用户名输入框下面就弹出

     “该用户名已被注册”或者“该用户名可以使用”等信息，这 就发生了一次ajax请求，因为它已经发送这个用户名给

     数据库校验，并返回了结果，显示于注册页面，注册页面局部刷新，用户根本感知不到进行了一次请求。

     Ajax是使用Javascript技术向服务器发送异步请求，也就是，其实它是一项js技术，接下来，我们用更简洁的

     Jquery写几个ajax的例子，看下它的工作原理。

2>Ajax实现

    

    

    所以，之前点击了这个ajax按钮，回调函数的data就会接受这一串 ‘hello huangql’，并且写入html的这个p标签下

   

   

3>Ajax请求带参数

   如下，有个需求，输入框求和，结果显示于页面。

    

    

那么处理函数这边，就应该接受这些数据，并做处理，再返回给ajax，处理函数如下，

再success回调函数接受这个结果 data，再处理，就完成了。

初窥ajax，我们再屡一下它的请求流程，

    --->ajax通过js，向server端发送请求，目前我们接触到了请求体的四个字段，url，type，data，success，

        url就是path，注意，这里虽然写了path，但是只是为了找对应的视图函数，并不会真正跳转到这个path路径，

        所以，也就不会全局刷新，只是局部刷新。type就是请求的类型，data包含请求的参数，键值对，key的名称

        由自己定义，值就是实际的值，success是请求成功后的回调函数，必须带参数，接收请求的响应结果。

    --->server端接收请求，根据path找到对应的处理函数，进行处理，并且返回结果给ajax，

    --->ajax接收到server返回的结果，并继续下一步的操作。