• ajax的一些相关


    1、AJAX = Asynchronous(异步的) JavaScript and XML

      AJAX是能不刷新整个网页的前提下,更新内容。通过少量的数据交换,达成局部页面刷新的效果。

      而form表单提交经常是刷新整个页面,很繁琐

    2、AJAX是基于现有的Internet标准,并且联合使用它们:

      a、XMLHttpRequest 对象 (异步的与服务器交换数据)

      b、JavaScript/DOM (信息显示/交互)

      c、CSS (给数据定义样式) 

      d、XML (作为转换数据的格式)

    3、JavaScript代码

              var xhr;
    		if(window.XMLHttpRequest){    //常规,如果有,直接使用
    			xhr = new XMLHttpRequest();
    		}else{                                    //如果没有,老版本IE
    			xhr = new ActiveXObject("Microsoft.XMLHTTP");
    		}
    
    
    		// 2.通过监听ajax的状态的改变来监听
    		xhr.onreadystatechange = function(){
    		}
    		console.log('步骤二完成')
    
    		// 3.创建请求的消息,连接服务器      
    		xhr.open('GET','07.php',true);    //"get" 请求把参数写在地址里
              console.log('步骤三完成')
              // 4.发送
              xhr.send(null);             //如果是“post”就把参数以字符串传入;

    4、jQuery代码

                            引入jQeury
                           $.ajax({
    				type : "POST",      // 请求方式
    				url : 'http://192.168.9.156:8888/0221ajax/01.php',  //请求地址  get请求参数拼接在地址后
    				data : {          //  请求参数
    					uname : $("#username").val()
    				},
    				success : function(data){      //回调函数
    					data  //参数
    } })

      

  • 相关阅读:
    CSS笔记(十)position属性与定位
    CSS笔记(九)轮廓
    前端需要学习算法吗 算法面的意义 职业规划
    Web前端笔试整理10
    Web前端笔试整理9
    Web前端笔试整理8
    Web前端笔试整理7
    Web前端笔试整理6
    JS 图片延迟加载/懒加载
    JS 同步与异步编程
  • 原文地址:https://www.cnblogs.com/long-z/p/10448722.html
Copyright © 2020-2023  润新知