03Ajax前台的操作

slf4j jar

前台操作

jsp/customer/add.jsp设计

写一个positionId

效果显示

要在DOM就绪时执行的函数

ready(fn)---当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。


示例
描述:
在DOM加载完成时运行的代码，可以这样写：

jQuery 代码:
$(document).ready(function(){
  // 在这里写你的代码...
});

测试Ajax

jQuery.get(url, [data], [callback], [type])--返回值:XMLHttpRequest
显示 test.cgi 返回值(HTML 或 XML，取决于返回值)，添加一组请求参数。

jQuery 代码:
$.get("test.cgi", { name: "John", time: "2pm" },
  function(data){
    alert("Data Loaded: " + data);
  },"json");

测试data

打印的data

数组和对象操作

//遍历代码
$.each( { name: "John", lang: "JS" }, function(i, n){
  alert( "Name: " + i + ", Value: " + n );
});

测试

拼接

事务回显

image.png

让id为7的回显

多个json采用，现在设置一个总的布置my.js

my.js里面的修改

修改