美文网首页
前端一周05 jq.ajax 和 bootstrap

前端一周05 jq.ajax 和 bootstrap

作者: 尘榆骡厌 | 来源:发表于2017-11-24 20:24 被阅读0次
ajax     jq里面封装的ajax?

1. 有完整ajax方法 ,  还有post方法     ,还有get方法

ajax    支持post也支持get

post    只支持post请求       

get    只支持get请求


2.   get   方法

    参数:   url
        http://www.baid.com

        data
            普通对象 {"name":"admin","password":"123456"},
            字符串  "name=admin&password=123456"
        success:
        function(data){处理数据}
        
    jQuery.get('笔记.txt',{},function(data){
        console.log(data);
    })
    
    
    $.get('笔记.txt',{},function(data){
        console.log(data);
    })
    
    
    
3.  post  方法                         //   需要服务器环境

    参数:   url
        http://www.baid.com

        data
            普通对象 {"name":"admin","password":"123456"},
            字符串  "name=admin&password=123456"
        success:
        function(data){处理数据}
    

    //   post   只处理post的请求
    
        jQuery.post('笔记.txt',{},function(data){
            console.log(data);
        })
        
        $.post('笔记.txt',{},function(data){
            console.log(data);
        })

4.    ajax     完整的方法
    
    参数
    (1) url
            请求地址的一个字符串
            
        setting
            以键值对组成的一个请求设置参数
            {
                "url":"www.baidu.com",
                data:{
                    "name":"admin"
                    }
            }


    (2) setting
            以键值对组成的一个请求设置参数
            {
                "url":"www.baidu.com",
                data:{
                    "name":"admin"
                    }
            }

    $.ajax({
            type:"get",
            url:"https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su",
            data:{
                wd:"王瑞"
            },
            dataType:"jsonp",
            async:true
        });
        
        
//   跨域    jsonp

    jsonp   是一门技术,专门针对于跨域进行处理的一种技术

浏览器本地储存
    
    会话储存           sessionStorage  
        
        每次打开窗口就称之为一次会话,当关闭窗口,会话就结束了  
        
        设置储存信息
            sessionStorage.setItem("user",'admin');   
            
            user=admin  就可以储存在会话储存里
        
        获取储存信息
            sessionStorage.getItem("user");
            
            这样就可以获取到会话储存中的user
        
        
        
        
    
    本地存储       localStorage
        
        有效期长,可长时间供用户储存消息

        设置储存信息
            localStorage.setItem("user",'admin');   
            
            user=admin  就可以储存在本地储存里
        
        获取储存信息
            localStorage.getItem("user");
            
            这样就可以获取到本地储存储存中的user

    bootstrap
    
        官网去看看

相关文章

网友评论

      本文标题:前端一周05 jq.ajax 和 bootstrap

      本文链接:https://www.haomeiwen.com/subject/lhofbxtx.html