Day010 - Ajax(2018-11-13)

Ajax简介:

  • Ajax: Asynchronous JavaScript and XML
    synchronous / asynchronous 同步 / 异步
    HTML - Hyper-Text Markup Language
    XML - eXtensible Markup Language
    XML最为重要的用途是在两个异构的系统之间交换数据
    现在这项功能基本上被JSON和YAML格式替代了
    (百度建议功能,京东的瀑布式加载就是Ajax做的)
    通过JavaScript代码向服务器发起异步请求并获得数据
  • 异步请求:在不中断用户体验的前提下向服务器发出请求
    获得数据后可以通过DOM操作对页面进行局部刷新新加载服务器返回的数据

一、Ajax加载美女图片(原生JavaScript)



    
        
        
    
    
        
        

二、Ajax加载美女图片(jQuery)

  • 获取内容的两种方式:$.getJSON函数与$.ajax函数
  • $.ajax({})的参数是一个对象


    
        
        
    
    
        
        

三、Ajax加载周公解梦

  • 中文在API接口获取或者传输时,需要进行二进制编解码,方法为:
    encodeURIComponent(str, 'utf-8')
    decodeURIComponent(百分号编码, 'utf-8')
    Ajax自动完成了编解码,不需要使用上面代码



    
        
        
    
    
        

你可能感兴趣的:(Day010 - Ajax(2018-11-13))