Ajax异步传输数据(1)——页面格式

1.首先在jquery框架下使用ajax很方便....导入jquery.js
//一进入页面就加载Ajax
<script>
$.ajax({
url:'',//写 '××××.action'
data:''//写的是传递参数相当于?id="";这里只要直接写 'key'='value'
success:function(msg){
alert(msg);//输出从后台传过来的数据流
},
error:function(){
alert("loading failed...")
  }
});

</script>
//根据点击事件采用Ajax异步传输
<script>
function getAjax(){
   //格式同上，只要把$.ajax({...});复制过来就可以了
}
</script>

2.当你写完上面后就已经可以使用ajax了但是要解决后台数据接收，后台数据输出格式问题，以及前台采用何种接收方式...这就提到了数据传输格式问题。网上有很多说采用xml数据格式，但是我这个刚进入java开发领域的人不怎么会使用XML。所以我教大家使用的是json和jsp页面技术
json技术使用与给一段数据或者是数据联动解决方案，具体参考http://cjp1989.iteye.com/blog/1721531
3.如果我想传采用将一段form表单ajax刷新呢，不只是可以使用json传输数据，可以使用jsp页面传输数据.
 
解决方案是：ajax可以替代<iframe>标签。直接内嵌一个jsp页面到目标页面;

function searchByAjax(){
var eventid=document.getElementById("eventid").value;
$.ajax({
type:'post',
url:'searchByAjax.action',
data:"eventid="+eventid+"",
success:function(msg){
$('#text').html(msg);//msg就是一个jsp页面数据,直接嵌入<div id="text">
},
error:function(){
alert('加载信息失败...');
}
});
}

这样就实现了想怎么异步加载数据就异步加载数据...这是我目前的感悟，写下来给大家分享.希望跟我一样的小白能迅速掌握使用ajax技术