jQuery 中异步处理 之 $.ajax()的用法:
1、对应的jsp页面,引入jQuery插件:
<script type="text/javascript" src="scripts/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("#btn").click(function(){
$.ajax({
type: "POST",
dataType :"html",
url: "MyServlet",
data: {"params1":$("#params1").val(),"params2":$("#params2").val()},
success: function(returnedData){
$("#result").val(returnedData);
}
});
});
});
</script>
</head>
<body>
<input type="text" name="params1" id="params1">+
<input type="text" name="params2" id="params2">=
<input type="text" name="username" id="result"/>
<input type="button" id="btn" name="btn" value="Get content from server"/>
</body>
2、通过$.ajax(),来请求servlet:
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setHeader("pragma", "no-cache");
response.setHeader("cache-control", "no-cache");
int params1 = Integer.parseInt(request.getParameter("params1"));
int params2 = Integer.parseInt(request.getParameter("params2"));
String result = String.valueOf(params1 + params2);
PrintWriter out = response.getWriter();
out.println(result);
out.flush();
out.close();
}
分享到:
相关推荐
而Jquery库提供了一系列封装好的Ajax函数,如$.get(), $.post(), $.ajax(), 和$.getJSON(),这些函数简化了前端开发者与后端数据交互的过程。 ### 1. $.get() `$.get()`函数是最简单的一种异步请求方式,它发送一...
使用$.ajax()方法时,可以结合jQuery的其他功能,如`.done()`、`.fail()`、`.always()`等,来处理请求的成功、失败和完成情况。同时,可以通过`$.ajaxSetup()`来设置全局的默认选项。 总的来说,$.ajax()方法是...
$.ajax json 数据传递方法是使用 jQuery 库实现的异步数据传递方法,通过将 JSON 数据封装在 $.ajax 对象中,并将其作为参数传递给服务器端脚本,以实现客户端和服务器端之间的数据交互。 在前台代码中,首先定义了...
$.ajax、$.get、$.post等方法都可以通过设置headers来启用CORS。 - 在服务器端,设置响应头`Access-Control-Allow-Origin`为允许跨域的源,例如`*`表示所有源,或特定的域名。 - 对于复杂请求(非GET/HEAD/...
本篇文章将深入探讨jQuery中的异步调用方法,包括`$.ajax()`,`$.post()`和`$.get()`,以及它们在实际开发中的应用。 首先,`$.ajax()`是jQuery提供的最强大的异步数据请求函数,它支持多种HTTP请求方法,如GET、...
在JavaScript的世界里,jQuery库提供了一种简便的方式来与服务器进行异步交互,这就是$.ajax方法。这个功能强大的函数使得前端开发者无需刷新整个页面就能获取或发送数据,极大地提升了用户体验。本文将深入探讨如何...
对于更复杂的请求,可以使用`$.ajax()`方法,它提供了更多的选项来定制请求,如错误处理、超时设置、缓存控制等。 ### 四、示例代码 在`demo3-get`这个文件中,很可能包含了一个使用`$.get()`方法的示例代码。通过...
例如,如果你需要从服务器获取数据并更新页面的一部分,你可以使用$.ajax()方法来异步请求数据,然后在success回调函数中处理这些数据并更新DOM元素。如果你需要提交表单数据到服务器,可以设置type为post,并将表单...
这些方法都是基于jQuery的`$.ajax()`基础构建的,提供了更为简洁和方便的接口。下面我们将详细探讨这三个函数的用法和特点。 首先,`$.getScript()`方法用于动态地从服务器加载并执行JavaScript文件。这个方法的...
`$.post`和`$.ajax`是jQuery中用于实现Ajax(异步JavaScript和XML)请求的两个关键方法,它们允许我们在不刷新整个页面的情况下更新网页的部分内容,提高用户体验。 `$.post`是`$.ajax`的一个简化版本,主要用来...
$.post()方法与$.get()类似,都是简化了的AJAX方法。但$.post()多了一个参数:type,用来指定请求的数据类型。常见的数据类型包括html、xml和json。如果指定了json作为type,那么服务器返回的数据格式将是JSON,否则...
在jQuery中,$.ajax()和$.getJSON()是两种常见的用于发送Ajax请求的方法,它们主要用于与服务器进行异步数据交互。然而,在某些特定场景下,如处理表单提交前的验证,可能需要同步处理请求,确保数据正确无误后再...
JavaScript 和 jQuery 提供了多种方式来执行 AJAX(Asynchronous JavaScript and XML)请求,其中 `$.post` 和 `$.ajax` 是最常用的两个方法。AJAX 允许在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容...
下面,我们将详细介绍$.ajax()方法的各个参数以及它们的作用和用法。 1. url:这是一个字符串类型,指定了发送请求的地址,也就是数据要发送到服务器的哪个URL。如果不指定,通常默认为当前页面地址。URL是AJAX请求...
本文实例讲述了jQuery使用$.ajax提交表单的方法。分享给大家供大家参考,具体如下: 首先,新建Login.html页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
在上述示例中,我们使用了$.ajax方法,设置type为'POST',data为JSON对象,dataType为'json',以发送JSON数据到服务器并接收JSON响应: ```javascript $.ajax({ url: 'api.php', type: 'POST', data: JSON....
在JQuery众多功能中,$.ajax()方法是实现Ajax请求的重要方法。通过$.ajax(),开发者可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。本文将详细介绍$.ajax()方法的各个参数以及如何应用。 ...
查了很多资料都说,get方法的参数是有限制的,...$.ajax({ type: "post", // post or get contentType:"application/json;charset=utf-8", data: “requestTag=”+tag+"&content="+content, //请求参数 url: "po
在jQuery中,有四种主要的Ajax方法用于与服务器进行异步数据交互,它们分别是$.get(), $.post(), $.ajax()和$.getJSON()。这些方法简化了JavaScript中的Ajax操作,使得开发者能够更加便捷地处理数据交互。 1. **$....