AJax技术

jquery请求servlet实现ajax异步请求的示例

字号+ 作者:H5之家 来源:H5之家 2017-08-15 09:00 我要评论( )

jquery请求servlet实现ajax异步请求的示例-破洛洛教学网

ajax可以发送异步请求实现无刷新效果,但是使用javascript比较麻烦,就query提供了一些封装的方法 ,可以使得操作更为简单:

$.ajax()方法:

function sendRequest() { $.ajax({ url: "Hello", type: "GET", dataType: "txt", data: "name=zhangsan", complete: function(result){ alert(result.responseText); } }); }

$.get()方法:

function sendRequestByGet(){ $.get("Hello","name=lisi",function(result){ alert(result); }); }

$.post()方法:

function sendRequestByPost(){ $.post("Hello","name=wangwu",function(result){ alert(result); }); }

$.load()方法:

//load代码等效使用如下$get()方法 /* $get(url, data, function(result){ //将result数据填充到页面元素中 $(“#h2”).html(result); }); */ function load(){ $("h2").load("Hello","name=hahaha"); }

以上异步请求的Hello文件:

protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { String name=req.getParameter("name"); resp.getWriter().print(name); }


 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评