• Ajax的基础应用


    什么是ajax

    Ajax: asynchronous  javascript  and  xml (异步jsxml)

    其是可以与服务器进行(异步/同步)交互的技术之一。

    ajax的语言载体是javascript

    最大特点:页面不刷新就可以更替网页的局部内容。

    ajax的使用步骤

    下面我们用简单的实例介绍ajax的应用

    我们建立2个文件 分别是

    one.html one.php

    one.html的代码如下:

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    </head>
    
    <body>
    
    </body>
    </html>
    <script>
    	
    //1.创建ajax对象
    	var xhr = new XMLHttpRequest();
    //2.接收后台数据
    	xhr.onreadystatechange=function(){
    		if(xhr.readyState==4){//4在这里标识的是一种状态
    			var str =xhr.responseText;
    			alert(str);//弹窗显示后台传递的信息
    		}
    	}
    //3.发起请求
         //get的传值 //xhr.open("get","one.php?uid=123&pwd=123"); xhr.open("post","one.php");
              //传递方式 后台地址 xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');//设置请求头部格式(把传递的数据组织为xml格式) var zhi="uid=123&pwd=456";//html页面向后台传递的值 //4.发送数据   xhr.send(zhi); </script>

      one.php的代码如下:

    <?php
    echo "lemon"; ?>

    效果展示

    这时F12就可以弹窗里看到后台返回的数据

     还可以看到我们传到后台的数据

  • 相关阅读:
    Swift--集合类型 数组 字典 集合
    Swift--基础(一)基本类型 符号 字符串(不熟的地方)
    myFocus焦点图插件
    createjs基础
    111
    Foundation class diagram
    UIKit class diagram
    iOS Development
    What Is Cocoa?
    Cocoa 基本原理
  • 原文地址:https://www.cnblogs.com/lemon-Net-Skill/p/9516562.html
Copyright © 2020-2023  润新知