ajax菜鸟问题一
来源:互联网 发布:c 获取网络时间 编辑:程序博客网 时间:2024/05/29 09:20
Ajax主要是通过XMLHttpRequest来工作
js代码:
var XMLHttpReq;
//创建XMLHttpRequest
function createXMLHttpRequest()
{
if(window.XMLHttpRequest)
{
XMLHttpReq=new XMLHttpRequest();
alert("DOM2浏览器 创建XMLHttpRequest对象");
}
else if(window.ActiveXObject)
{
try
{
XMLHttpReq=new ActiveXObject("Msxml2.XMLHTTP");
alert("Internet Explorer 创建XMLHttpRequest对象1");
}
catch(e)
{
try
{
XMLHttpReq=new ActiveXObject("Microsoft.XMLHTTP");
alert("Internet Explorer 创建XMLHttpRequest对象2");
}
catch(e)
{}
}
}
}
function sendRequest()
{
createXMLHttpRequest();
var url="example";
XMLHttpReq.open("POST",url,true);
XMLHttpReq.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
XMLHttpReq.onreadystatechange=processResponse;
var msg='test';
XMLHttpReq.send("Msg="+msg);
}
function processResponse()
{
if(XMLHttpReq.readyState==4)
{
if(XMLHttpReq.status==200)
{
alert(XMLHttpReq.responseText);
}
else
{
window.alert("您所请求的页面有异常");
}
}
}
主要方法是sendRequest(),将该方法绑定到一个按钮上就可以了,如:
<input type="button" name="button" value="提交" onclick="sendRequest();" />
sendRequest里面的url就是要请求的路劲,也就是action的路径
在Action里面的java代码:
String list=.....;//这里将你的list组合成一个字符串
HttpServletResponse response=ServletActionContext.getResponse();
response.setContentType("text/html;charset=utf-8");
PrintWriter out=response.getWriter();
out.print(list);
out.flush();
out.close();
js代码:
var XMLHttpReq;
//创建XMLHttpRequest
function createXMLHttpRequest()
{
if(window.XMLHttpRequest)
{
XMLHttpReq=new XMLHttpRequest();
alert("DOM2浏览器 创建XMLHttpRequest对象");
}
else if(window.ActiveXObject)
{
try
{
XMLHttpReq=new ActiveXObject("Msxml2.XMLHTTP");
alert("Internet Explorer 创建XMLHttpRequest对象1");
}
catch(e)
{
try
{
XMLHttpReq=new ActiveXObject("Microsoft.XMLHTTP");
alert("Internet Explorer 创建XMLHttpRequest对象2");
}
catch(e)
{}
}
}
}
function sendRequest()
{
createXMLHttpRequest();
var url="example";
XMLHttpReq.open("POST",url,true);
XMLHttpReq.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
XMLHttpReq.onreadystatechange=processResponse;
var msg='test';
XMLHttpReq.send("Msg="+msg);
}
function processResponse()
{
if(XMLHttpReq.readyState==4)
{
if(XMLHttpReq.status==200)
{
alert(XMLHttpReq.responseText);
}
else
{
window.alert("您所请求的页面有异常");
}
}
}
主要方法是sendRequest(),将该方法绑定到一个按钮上就可以了,如:
<input type="button" name="button" value="提交" onclick="sendRequest();" />
sendRequest里面的url就是要请求的路劲,也就是action的路径
在Action里面的java代码:
String list=.....;//这里将你的list组合成一个字符串
HttpServletResponse response=ServletActionContext.getResponse();
response.setContentType("text/html;charset=utf-8");
PrintWriter out=response.getWriter();
out.print(list);
out.flush();
out.close();
- ajax菜鸟问题一
- wince菜鸟入门问题记录一
- 一个菜鸟处理关于ajax向后台传值的问题
- 菜鸟问题
- 菜鸟问题
- 菜鸟问题!!!
- 菜鸟问题
- 菜鸟问题!
- 菜鸟问题
- 菜鸟问题
- 菜鸟问题
- 菜鸟问题
- 本人菜鸟,Java编程时遇到一问题!,请帮忙!
- 菜鸟学MVC遇到的问题(一)
- ajax和setTimeout一起用注意问题
- 菜鸟C++随笔一
- MFC菜鸟笔记(一)
- 菜鸟学PetShop一
- Lucene 索引机制
- python手记(45)
- Erlang并发编程1
- x264编码后保存写入到.264文件中
- windows phone GestureService 的使用
- ajax菜鸟问题一
- Oracle表的管理
- Android开发——自动连接指定SSID的wifi热点(不加密/加密)
- 一个Excel导入SQL Server的例子
- 取球游戏
- ubuntu下安装tftp服务器的几种方法
- 【java 设计模式】命令模式
- nginx+memcache安装记录
- [转]PHP动态网页编程常用到的技巧