简单Jquery--Ajax应用
作为一个新手,最近自己写了一个人主页,虽然性能不怎么样,但就出现的各种大的小的问题拿出来与大家分享分享。 ----DanlV
描述
错误描述
自己不知道什么原因，直接使用$ajax(/.../)浏览器一直出现安全问题，即权限问题无法访问，不能读取本地文件。
解决方案
鄙人用了一个简单，也有点蠢的解决方案。方案代码：
$("#Photos12").load("photo.jsp", {index: Aindex},function(){
alert("1");
});
直接使用jquery.load()方法，其中第一个参数为所需调用页面地址；第二个参数为json格式的数据；第三个参数为回调函数，这个回调函数比较粗略，不管吃调用成不成功，都会执行。
此方法返回值问题
使用load（）方法，会返回所调用页面所有的html代码（txt文本格式），也可以返回调用页面指定html元素以及此元素的内容（页面片段）。
$("#result").load("ajax/test.html #container");
调用页面获取传递参数
对于参数的获取本人在敲代码的过程中，是个大难题，不知道是不是浏览器的问题，还是tomcat服务器的问题，一直获取参数失败，但是F12 -浏览器查看传递的json格式数据的确是传递过去了，没有问题。在调用页面中，使用java代码段获取传递值，代码实例：
String Index=request.getParameter("index");
通过java的request。getParameter()函数来获取参数。这是方法之一，而且屡试不爽，虽然麻烦了一点，还是很有实际用处的。
jQuery ajax - load() 方法
写下正牌网站对jquery.load方法的详细阐述
参考w3cschool
实例
使用 AJAX 请求来改变 div 元素的文本：
$("button").click(function(){
$("div").load('demo_ajax_load.txt');
});
定义和用法
load() 方法通过 AJAX 请求从服务器加载数据，并把返回的数据放置到指定的元素中。
TIPS:还存在一个名为 load 的 jQuery 事件方法。调用哪个，取决于参数。
语法
load(url,data,function(response,status,xhr))
| 参数 | 描述 |
|---|---|
| url | 规定要将请求发送到哪个 URL。 |
| data | 可选。规定连同请求发送到服务器的数据。 |
| function(response,status,xhr) |
可选。规定当请求完成时运行的函数。 额外的参数：
|
详细说明
该方法是最简单的从服务器获取数据的方法。它几乎与 $.get(url, data, success) 等价，不同的是它不是全局函数，并且它拥有隐式的回调函数。当侦测到成功的响应时（比如，当 textStatus 为 "success" 或 "notmodified" 时），.load() 将匹配元素的 HTML 内容设置为返回的数据。这意味着该方法的大多数使用会非常简单：
$("#result").load("ajax/test.html");
如果提供回调函数，则会在执行 post-processing 之后执行该函数：
$("#result").load("ajax/test.html", function() {
alert("Load was performed.");
});
上面的两个例子中，如果当前文档不包含 "result" ID，则不会执行 .load() 方法。
如果提供的数据是对象，则使用 POST 方法；否则使用 GET 方法。
加载页面片段.load() 方法，与 $.get() 不同，允许我们规定要插入的远程文档的某个部分。这一点是通过 url 参数的特殊语法实现的。如果该字符串中包含一个或多个空格，紧接第一个空格的字符串则是决定所加载内容的 jQuery 选择器。
我们可以修改上面的例子，这样就可以使用所获得文档的某部分：
$("#result").load("ajax/test.html #container");
如果执行该方法，则会取回 ajax/test.html 的内容，不过然后，jQuery 会解析被返回的文档，来查找带有容器 ID 的元素。该元素，连同其内容，会被插入带有结果 ID 的元素中，所取回文档的其余部分会被丢弃。
jQuery 使用浏览器的 .innerHTML 属性来解析被取回的文档，并把它插入当前文档。在此过程中，浏览器常会从文档中过滤掉元素，比如 ,