`
jianbo.hc
  • 浏览: 5552 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

Jquery异步请求

阅读更多
    <script type="text/javascript">

  jQuery(document).ready(function(){
jQuery("#button_submit").click(function(){

var app=jQuery("#app").val();
var host=jQuery("#hostname").val();
var paths=jQuery("#path").val();
   
var uri4="logQueryAjax.htm?app="+app+"&host="+host+"&path="+paths;
       jQuery.getJSON(uri4,function(data){
                jQuery.each(data, function(i, field){
    var oDiv = document.getElementById("processor");
                    oDiv.innerHTML = "processor is "+field;
                       
});
              });
 
  
   });
});
</script>


@RequestMapping("logQueryAjax.htm")
public String ajaxRespone(final HttpServletRequest request,
final HttpServletResponse response, ModelMap result) {
   String selectedApp = request.getParameter("app");
   String json = "";
/****/
   json = JsonUtils.jsonEncode(logPathes);将对象转为json串
   response.setContentType("application/json");
   PrintWriter out = null;
   try {
out = response.getWriter();
} catch (IOException e) {
    logger.info("io exception ", e);
}
   out.print(json);
   out.flush();
   out.close();
   return null;
}
注释:点击按钮,异步请求action,将结果使用json回传显现在页面上。
分享到:
评论

相关推荐

    jquery异步请求例子

    在`jquery异步请求例子`这个场景中,我们可以创建一个简单的GET请求来获取服务器数据。假设我们有一个API接口`/api/users`用于获取用户列表: ```javascript $.ajax({ url: '/api/users', type: 'GET', dataType...

    jquery异步方式请求

    ### jQuery异步请求概述 jQuery的异步请求主要通过`$.ajax()`方法实现,但为了简化API调用,jQuery还提供了`$.get()`, `$.post()`, `$.getJSON()`等更便捷的方法。这些方法可以发送HTTP GET或POST请求,接收JSON、...

    jQuery-ajax-用户名异步请求

    在“jQuery-ajax-用户名异步请求”这个场景中,我们可能是在设计一个注册或登录界面,需要在用户输入用户名时实时检查该用户名是否已被占用。这个过程可以通过Ajax调用后台接口实现,避免用户频繁提交表单进行检查。...

    jquery异步请求

    ### jQuery异步请求详解 #### 一、概述 在现代Web开发中,异步请求是实现前后端分离、提升用户体验的重要技术之一。jQuery作为一个流行的JavaScript库,提供了多种简便的方式来实现异步请求。本文将详细介绍jQuery...

    jquery 异步请求数据的三种方式

    $('#send_ajax').click(function () { var params = $('input').serialize(); //序列化表单的值 $.ajax({ type: "POST", contentType: "application/json;charset=utf-8", url: "WebServicetest.asmx/Hello...

    json数据jquery异步示例

    jQuery提供了一个方便的`.ajax()`方法,可以用来发送异步请求。 2. **$.ajax()方法**: 这是jQuery的核心功能之一,用于执行异步HTTP(Ajax)请求。例如,你可以创建一个`$.ajax()`调用,将JSON数据发送到服务器: ...

    jQuery异步访问

    **jQuery异步访问详解** jQuery 是一款非常流行的 JavaScript 库,它简化了JavaScript的许多操作,包括DOM操作、事件处理以及最重要的——异步数据访问。在Web开发中,异步访问,尤其是AJAX(Asynchronous ...

    Jquery异步请求数据实例代码

    ### Jquery异步请求数据实例代码详解 #### 一、Jquery向aspx页面请求数据 **场景描述:** 此示例展示了如何使用jQuery库来实现客户端与服务器端的异步交互,具体而言,是如何从客户端(即浏览器)向一个ASP.NET...

    jquery异步去数据分页

    因考虑到以后数量问题,计划写一个js异步分页功能, 每一次分页都异步调出数据生成html放到页面里, 调取数据前判断该页是否把数据已经取出来, 如果去有数据就不会再提取数据,直接显示, 反之取出数据拼成HTML放到...

    jquery异步请求实例代码

    ### jQuery异步请求详解 #### 一、引言 在Web开发中,异步请求是一项非常重要的技术。它能够使得页面无需重新加载即可与服务器进行数据交互,极大地提升了用户体验。jQuery作为一款流行的JavaScript库,提供了丰富...

    Java通过jQuery实现ajax异步请求

    本示例工程"Java通过jQuery实现ajax异步请求"着重展示了如何利用jQuery的AJAX功能与后端Java服务器进行数据通信,从而实现页面的无刷新更新。以下将详细解释这个过程中涉及的关键知识点。 首先,jQuery是一个强大的...

    利用Ajax+Jquery实现异步进度条效果

    "利用Ajax+Jquery实现异步进度条效果"这个主题正是围绕这一目标展开,它涉及到C#后端开发、.NET框架、Ajax技术以及Jquery库的前端应用。下面将详细阐述这些知识点。 首先,C#是一种面向对象的编程语言,广泛应用于...

    JQuery异步上传下载

    首先,我们要了解jQuery异步上传的基本原理。在传统的文件上传方式中,用户提交表单时会刷新整个页面,用户体验不佳。而jQuery通过Ajax技术实现了异步上传,即在后台处理文件上传,前端页面保持不刷新,提升了用户...

    使用jQuery异步案例

    本案例将聚焦于“使用jQuery异步”这一主题,特别是在处理服务器返回的数据,如从action中传递的list,并通过JSON进行转换的情况。 首先,理解“异步”在编程中的含义至关重要。在Web开发中,异步操作允许浏览器在...

    jquery异步调用post get方式

    `jQuery`提供了`$.ajax()`, `$.post()`, 和 `$.get()`等方法来实现异步请求。本文将深入探讨`jQuery`中的`POST`和`GET`异步调用方式。 1. **GET方式** `GET`是最常见的HTTP请求方法,通常用于获取资源。在jQuery中...

    jquery 异步treeTable树形插件

    《jQuery异步treeTable树形插件详解及应用实践》 在Web开发中,数据的展示方式多种多样,其中树形结构是一种常见的数据组织形式,它能够清晰地呈现出层次关系,便于用户理解和操作。jQuery异步treeTable插件是用于...

    jQuery_ajax异步请求

    本文将基于给定的代码示例,深入探讨jQuery的`$.ajax()`方法及其应用场景,帮助读者理解如何利用jQuery执行异步请求,以及处理响应数据。 ### 一、jQuery的$.ajax()方法详解 `$.ajax()`是jQuery库提供的一个强大且...

    jquery异步加载页面

    在“jQuery异步加载页面”的场景中,我们通常指的是利用jQuery的Ajax功能来实现页面内容的动态加载,以提高用户体验,减少网络传输负担。这种技术尤其适用于选项卡式布局,因为用户通常只需看到一两个选项卡的内容,...

    Jquery异步交互

    配置对象中的`async`选项默认为`true`,表示异步请求。若需要同步请求,将其设为`false`,但请注意,这会阻塞浏览器直到请求完成。 `beforeSend`函数允许在发送请求前对XMLHttpRequest对象进行自定义,比如添加...

    JQuery 异步上传文件demo

    在本项目"JQuery异步上传文件demo"中,我们将探讨如何使用jQuery的Ajax功能来实现这一目标。 首先,让我们了解异步上传的基本原理。传统的文件上传通常涉及表单提交,这会导致页面刷新,打断用户操作。而异步上传则...

Global site tag (gtag.js) - Google Analytics