<script type="text/javascript"> $(function(){ initindexItem(); }); function initindexItem(){ alert("ffffff"); window.onload = function() { //得到核心对象 var xmlHttp = new XMLHttpRequest(); //打开连接 xmlHttp.open("post", "register.action", true); //发送 xmlHttp.send(null); //添加监听 xmlHttp.onreadystatechange = function() { if (xmlHttp.readyState == 4) {//响应完成 if (xmlHttp.status == 200) {//判断响应是否成功 //执行服务器发送过来的json字符串 得到 js的对象 alert(xmlHttp.responseText); } } }; };
下面这个是应用到项目中的:
<script type="text/javascript"> $(function(){ initindexItem(); }); function initindexItem(){ $.ajax({ type:'POST', url:'register.action', dataType:'json', contentType:'application/json;charset=UTF-8', success:function(data){ console.log(data); var html = '' for (var i = 0; i < data.length; i++) { html +='<tr>' html +='<td>'+data[i].id+'</td>' html +='<td>'+data[i].number+'</td>' html +='<td>'+data[i].fangshi+'</td>' html +='<td>'+data[i].value+'</td>' html +='<td>'+data[i].shijian+'</td>' html +='</tr>' } $('#tab').append(html) } }); }; </script>