jQuery学习（2）ajax()使用

  在上一篇分享JavaScript之使用AJAX（适合初学者）中，我们学习了如何在JavaScript中使用AJAX.由于jQuery出色的性能和简洁的写法，且它也支持AJAX的使用，所以，本次分享将会展示如何在jQuery中使用ajax()函数。
  关于jQuery的ajax()函数的教程，可以参考：http://www.w3school.com.cn/jquery/jquery_ref_ajax.asp ，当然，我们也可以jQuery.ajax()的官方文档：http://api.jquery.com/jquery.ajax/ ，该官方文档不仅详细地介绍了该函数各个参数以及它们的含义，并且还给出了许多例子，值得一看。
  关于Web服务器以及文件的配置，我们还是跟前一篇保持一致。接下来，我们将看一个具体的例子。
  首先，我们的开始页面（city_intro.html）如下：

city_intro.html

该页面的完整代码如下：

    
    



City Introduction
 
    City: 
    
        Shanghai
        Tokyo
        New York
    



Submit
REFRESH
 

上述代码中，我们调用了ajax(）函数，里面的参数含义如下：

• method: 请求方式，'GET'或者'POST';
• url: 服务器上的文件网址；
• data: 发送到服务器的数据;
• async: 是否异步.

  demo.php的完整代码如下：

  这样我们可以在页面上进行操作了，点击‘Shanghai’,显示的页面如下：

Shanghai的介绍

点击‘New York’,显示的页面如下：

New York的介绍

  本次分享到此结束，欢迎大家交流~~