【牛腩】AJAX

一、AJAX是什么？：

AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），中文名字是阿贾克斯
是指一种创建交互式网页应用的网页开发技术；
是一种用于创建快速动态网页的技术；
是一种在无需加载整个网页的情况下，能够更新部分网页的技术。
传统的网页，如果需要更新内容时，必须加载整个网页页面。

二、工作流程：

三、代码段：

jQuery代码：

$(document).ready(function(){
  $("#b01").click(function(){
  htmlobj=$.ajax({url:"/jquery/test1.txt",async:false});
  $("#myDiv").html(htmlobj.responseText);
  });
});

牛腩中jQuery代码

$(function () { //相当于在页面中的body标签加上onload事件
    $(".caname").click(function () { //给页面中有caname类的标签加上click函数
        var objTD = $(this);
        var oldText = $.trim(objTD.text()); //保存旧的类别名称
        var input = $("<input type='text' value'" + oldtext + "' />"); //文本框的HTML代码
        objTD.html(input); //当前td的内容变为文本框
        //设置文本框的点击事件失效
        input.click(function () {
            return false;
        });
    });

HTML代码

<div id="myDiv"><h2>Let AJAX change this text</h2></div>
<button id="b01" type="button">Change Content</button>