Ajax简介和实例

目录

什么是 AJAX ? 

AJAX实例 

ajax-get无参

 ajax-get有参

对象和查询字符串的互转

ajax-post

 ajax-post 表单


AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

什么是 AJAX ? 

菜鸟教程是这样介绍的:

AJAX = 异步 JavaScript 和 XML。

AJAX 是一种用于创建快速动态网页的技术。

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

传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。

Ajax简介和实例_第1张图片

AJAX实例 

从前面的学习,我们可以知道get和post的区别,详情见前端学习之HTTP协议的介绍(5)_学前端的狗头苏丹的博客-CSDN博客

ajax-get无参




    
    
    
    Document
    


    

Ajax简介和实例_第2张图片

 ajax-get有参

利用Qs.stringify() 将对象序列化成URL形式进行拼接,需要引入




    
    
    
    Document
    
    


    

Ajax简介和实例_第3张图片

 

对象和查询字符串的互转

假如不使用Qs的方法,将该怎么转换呢?




    
    
    
    Document
    


    

ajax-post




    
    
    
    Document
    


    

 ajax-post 表单

需要使用Qs.stringify()将表单转换为URL形式




    
    
    
    Document
    
    


    

Ajax简介和实例_第4张图片

 

你可能感兴趣的:(HTML+CSS+JS,ajax,前端,javascript)