`

JQuery - AJAX

    博客分类:
  • JAVA
阅读更多

 

jsp:

function ajaxGetDuplicateData(){
	var duplicateMsg = '';
	$.ajax({
        type : "POST",
        dataType : "json",
        url : "../mobile/top.do",
        async : false,
        data : {
            'dispatch' : 'ajaxGetDuplicateData',
            'publishId' : $("#targetPublichId").val(),
            'fmpCatCntentId' : ''
        },
        success : function(data) {
            if (data && data.length) {
                if (data.length > 0) {
                    for(var i=0; i<data.length; i++){
                    	duplicateMsg+= ((i+1) + '. ' + data[i].name + ' ' + data[i].startDate + '~' + data[i].endDate + '\n');
                    }
                }
            }
            
        },
        error : function(xhr, textStatus, errorThrown) {
        }
    });
    return duplicateMsg;
}

 

java:

public void ajaxGetDuplicateData(ActionMapping mapping, ActionForm form,
        HttpServletRequest request, HttpServletResponse response) {

    String aaa = request.getParameter("aaa");
    String bbb = request.getParameter("bbb");
    if (aaa != null) {
        try {

            List<Object[]> duplicateDataList = service.getDuplicateDataForTop(bbb, aaa);
            if (duplicateDataList != null && duplicateDataList.size()>0) {

                response.setContentType("text/x-json; charset=UTF-8");
                response.setHeader("Cache-Control", "no-cache");
                response.setHeader("Pragma", "no-cache");
                response.setDateHeader("Expires", 0);

                JSONArray jsonArray = new JSONArray();
                for (Object[] data : duplicateDataList) {
                    JSONObject jsonObject = new JSONObject();
                    jsonObject.put("name", CommonUtil.toString(data[0]));
                    jsonObject.put("startDate", CommonUtil.toString(data[1]));
                    jsonObject.put("endDate", CommonUtil.toString(data[2]));
                    jsonArray.put(jsonObject);
                }

                response.getWriter().print(jsonArray.toString());
                response.flushBuffer();
            }

        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}
 

 

 

這裡還有別人的筆記

[jQuery] AJAX 學習筆記 (一) 如何使用 JSON 驗證使用者表單

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    jQuery-ajax-用户名异步请求

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

    PHP-JQuery-Ajax-json

    标题“PHP-JQuery-Ajax-json”揭示了这个压缩包文件主要涉及的是Web开发中的核心技术,具体包括PHP、jQuery、Ajax以及JSON。这四个元素在构建动态、交互式的Web应用程序时起着至关重要的作用。 1. **PHP(Hypertext...

    jquery-ajax实例

    在JavaScript的世界里,jQuery是一个非常流行的库,它极大地简化了DOM操作、事件处理以及Ajax交互。本实例聚焦于"jQuery-AJAX",这是一项核心功能,用于在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容...

    Ajax-online-chat-with-php-jquery-ajax-codeigniter.zip

    Ajax-online-chat-with-php-jquery-ajax-codeigniter.zip,这个应用程序表示使用codeigniter php框架、jquery和ajax的在线聊天。我还添加了表示用于测试应用程序的数据库的sql文件。只有首先导入数据库(chat.sql),...

    jquery-ajax教程

    ### jQuery-Ajax 教程详解 #### 一、引言 随着互联网技术的快速发展,用户对网页交互体验的要求越来越高。Ajax(Asynchronous JavaScript and XML)技术作为一种能够实现局部刷新、异步加载数据的强大工具,成为了...

    Ajax-swagger-jquery-ajax.zip

    Ajax-swagger-jquery-ajax.zip,这是对jquery ajax工具的一种炫耀,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小部分在不重新加载...

    jquery-ajax-app-src

    在这个名为“jquery-ajax-app-src”的项目中,我们看到一系列Ajax典型应用的例子,包括验证用户名、购物车功能以及二级联动的实现。 首先,我们来看“Ajax_典型应用_验证用户名是否可用”。在注册或登录时,验证...

    Ajax-jquery-ajax-cache.zip

    Ajax-jquery-ajax-cache.zip,jquery插件,用于用“localstorage”或“sessionstorage”缓存ajax。,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页...

    04-jquery-ajax操作.md

    04-jquery-ajax操作

    前端项目-jquery-ajaxQueue.zip

    《前端项目:jQuery与ajaxQueue深度解析》 在前端开发中,jQuery库以其简洁的API和强大的功能,一直是开发者们的首选工具之一。本项目“前端项目-jquery-ajaxQueue”聚焦于一个特定的jQuery插件——ajaxQueue,它为...

    jQuery-Ajax实例应用

    jQuery-Ajax实例应用 介绍jquery-ajax中几种主要方法的应用

    Jquery-Ajax.rar_ajax_jq-ajax_neededhu5_travelgeq

    jQuery提供了一些全局Ajax事件,可以在任何Ajax请求发生时触发,如`ajaxStart`、`ajaxSend`、`ajaxSuccess`、`ajaxError`等。这些事件可以用于统一处理所有Ajax请求的状态。 ### 7. JSONP (JSON with Padding) 当...

    Aspnet-ASP.NET-Core-2-jQuery-Ajax-Modal-Form.zip

    Aspnet-ASP.NET-Core-2-jQuery-Ajax-Modal-Form.zip,使用asp.net core 2 mvc jquery ajax bootstrap model formasp.net-core-2-jquery-ajax-model-form实现模式表单,asp.net是一个开源的web框架,用于使用.net构建...

    Ajax-laravel-jquery-ajax-crud.zip

    Ajax-laravel-jquery-ajax-crud.zip,用jquery的ajax特性简单实现laravel crud,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小部分...

    jquery-ajax-unobtrusive, 在数据 * 属性中,添加到 jQuery Ajax以启用低调选项.zip

    jquery-ajax-unobtrusive, 在数据 * 属性中,添加到 jQuery Ajax以启用低调选项 jQuery低调 AjaxjQuery低调Ajax库补充了 jQuery Ajax方法,添加了对通过Ajax调用指定HTML替换选项的支持,如 HTML5 data-* 元素。...

    asp.net 利用jquery-ajax调用后台方法

    在ASP.NET中,结合jQuery的AJAX功能,我们可以实现无刷新更新页面,提高用户体验。AJAX(Asynchronous JavaScript and XML)的核心是通过JavaScript在后台与服务器进行少量数据交换,无需重新加载整个网页。 在ASP...

    Ajax-JQuery-Ajax-POST-in-Codeigniter.zip

    Ajax-JQuery-Ajax-POST-in-Codeigniter.zip,如何将带有数据的ajax post请求发送到codeigniter控制器,而不刷新页面并将数据返回到视图。,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json...

    锋利的jquery-ajax的应用(c#实现)

    在本文中,我们将深入探讨如何在C#环境中利用jQuery的AJAX功能来创建高效、响应式的Web应用程序。jQuery是一个强大的JavaScript库,它极大地简化了DOM操作、事件处理以及与服务器的异步通信,即AJAX交互。AJAX允许...

    Ajax-jQuery-Ajax-Dynamic-Select.zip

    Ajax-jQuery-Ajax-Dynamic-Select.zip,从数据库中获取筛选记录的简单应用程序,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小部分...

    Ajax-jquery-ajax-progress.zip

    Ajax-jquery-ajax-progress.zip,使用xhr.onprogress事件调用“progress”回调的jquery的一个简单补丁,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态...

Global site tag (gtag.js) - Google Analytics