初始页面

就是这段代码，这里有趣的是不仅弹出了窗口，而且也把标签里面的内容也同时替换了，弹出框是json格式，内容区是json格式的html，为啥这么说，看下面呀

$(document).ready(function () { $("#b").click(function () { $("#pp").html("<h1>你也好</h1>"); $("#i").val("no"); $("#p").load("/ServletAjax","get",function (resText,statusText) { alert(resText) }) }) } );

接下来是使用$ajax方法的代码

$(document).ready(function () { $("#bb").click(function () { $.ajax({ url:"/ServletAjax", type:"post", data:"username=jack", dataType:"html", success:function (data) { $("#hh").html(data) }, error:function () { alert("失败了、、") } }) }) } ); $(document).ready(function () { $("#bbb").click(function () { $.ajax({ url:"/ServletAjax", type:"post", data:{"name":"Tom","age":18}, dataType:"json", success:function (data) { alert(data.name) }, error:function () { alert("失败了、、") } }) }) })

由于提交的参数名是username，和服务端post方法使用的参数名不一致，所以没有得到数据，并且服务器返回的是json类型，浏览器端指定的dataType是html,显示如上，而将dataType指定为json时，反而显示为空白，即html页面中的内容区域，只能是text和html格式 在弹出框中json格式是被支持的