`

AJAX提交的一个例子

阅读更多

前端

$(document).ready(  
    function() {  
      $.ajax( {  
     async:false,
        type : 'GET',
        data:{},
        contentType : 'application/json;charset=UTF-8',  
        url : 'testAjax',
        dataType : 'json', 
        success : function(data) { 
          if (true) {  
           alert(data);
           var String_option="";
            $('#info').html("共" + data[0].id + "条数据。<br/>");  
            $.each(data, function(i, item) { 
             String_option=String_option+"<option value="+item.a+">"+item.b+"</option>";
            $('#info').append(  
                  "A属性:" + item.a + ",B属性:" + item.b+"<br/>");  
            }); 
            //alert(String_option);
            $("#selectId").html(String_option);
          }  
        },  
        error : function() {  
          alert("error")  
        }  
      });  
    });

 后台

 

@RequestMapping(value = "testAjax",method = RequestMethod.GET)
@ResponseBody
public String testAjax(){
List<Test> list=testService.getAllTest();   
   /* Map<String, Object> modelMap = new HashMap<String, Object>(3);  
    modelMap.put("total", "1");  
    modelMap.put("data", list);  
    modelMap.put("success", true); */ 
    
    return JSONUtil.toJSONString(list);
}

 

 

分享到:
评论

相关推荐

    ajax提交表单小例子

    以下是使用JavaScript实现的一个简单例子: ```html &lt;!DOCTYPE html&gt; &lt;title&gt;AJAX提交表单示例 请输入中文姓名"&gt; ()"&gt;提交 function submitForm() { var form = document.getElementById('myForm...

    Ajax 提交的例子

    Ajax 提交的例子

    Asp+ajax提交表单实例

    结合上面的前端和后端代码,我们可以创建一个完整的Asp+Ajax提交表单的实例。前端HTML文件(如index.html)包含表单和JavaScript,后端Asp文件(如submit.asp)处理表单数据。当用户点击提交按钮时,JavaScript会...

    支持AJAX的TreeView树例子,使用省市县三级xml作演示

    看到网上很多想用ajax的树的例子,很奇怪,明明...注:顺便下载了一个省市县的3级xml文件,作为ajax树联动展示的例子 这个例子还实现了选中父结点时,选中全部子结点; 取消一个子结点,同时取消全部级别的父结点。

    一个简单的Ajax例子

    在这个"一个简单的Ajax例子"中,我们将深入探讨Ajax的核心概念、工作原理以及如何编写基本的Ajax代码。 1. **Ajax核心概念**: - **异步通信**:Ajax允许浏览器与服务器进行非阻塞通信,即用户在请求处理期间仍可...

    php+jquery+ajax最简单例子

    这个“php+jquery+ajax最简单例子”旨在教你如何使用这些工具实现一个基本的异步数据交换功能。 首先,让我们深入了解这三个概念: 1. PHP(Hypertext Preprocessor):这是一种服务器端脚本语言,主要用于网页...

    Ajax小例子源码

    创建XMLHttpRequest对象后,我们需要打开一个连接,设置请求类型(GET或POST),URL以及是否异步执行。然后发送请求,并监听状态变化,当状态变为4(表示请求已完成)时,读取服务器的响应。 2. **HTTP请求**:Ajax...

    ajax 提交小例子.带表单验证和遮罩等待效果

    这个小例子是关于如何利用Ajax实现一个带有表单验证和遮罩等待效果的交互式用户体验。下面我们将深入探讨其中涉及的技术和知识点。 首先,`ajax.php`和`login.php`是处理后台请求的PHP脚本。`ajax.php`通常用于接收...

    ajax最简单例子

    现在,让我们看看`test.html`文件,它很可能是实现Ajax的一个简单示例。在HTML文件中,通常会有一个触发Ajax请求的事件,比如按钮点击。例如: ```html ()"&gt;点击加载数据 &lt;div id="data"&gt;&lt;/div&gt; ``` 然后,在...

    一个非常简单的ajax例子

    第一个可能是用来设置和发送Ajax请求的,而第二个可能用于处理服务器返回的数据。通常,发送Ajax请求的过程包括以下几步: 1. **初始化XMLHttpRequest对象**:`var xhr = new XMLHttpRequest();` 2. **配置请求**...

    ajax + js 经典例子

    创建一个XMLHttpRequest实例,然后通过其方法发送HTTP请求,接收响应,并在后台处理数据。 ```javascript var xhr = new XMLHttpRequest(); xhr.open('GET', 'data.txt', true); xhr.onreadystatechange = function...

    ajax提交file文件

    在前端开发中,"ajax提交file文件"是一个常见的需求,特别是在现代Web应用中,用户可能需要上传图片、文档等文件而无需刷新整个页面。Ajax(Asynchronous JavaScript and XML)技术使得这种异步通信成为可能,它允许...

    使用ajax实现异步提交的例子

    接下来,我们需要使用JavaScript(这里使用jQuery库)编写AJAX请求,当省份下拉框的`onchange`事件触发时,发送一个请求到服务器,获取对应省份的城市列表。 ```javascript function loadCities(provinceId) { $....

    ajax三个小例子供学习

    第一个小例子是“小例子_自动刷新”。这个例子展示了如何使用Ajax实现实时数据刷新。在传统的网页中,如果要更新页面内容,通常需要整个页面重新加载。而使用Ajax,我们可以只更新需要变化的部分,比如一个新闻列表...

    简单ajax登陆例子,新手适用

    这个“简单ajax登录例子”是一个非常适合初学者理解Ajax基本原理和使用方法的教程。在这里,我们将深入探讨Ajax如何与Servlet结合,实现用户无刷新登录验证。 1. **Ajax简介** Ajax的核心是JavaScript异步通信,它...

    JSP使用Ajax 例子

    下面我们将详细介绍如何在JSP中使用Ajax,并结合一个简单的示例进行解析。 首先,确保你的JSP页面中引入了Ajax库,例如jQuery。在头部添加以下HTML代码: ```html ...

    一个ajax例子

    下面将详细介绍Ajax的基本概念、工作原理以及一个可能的例子实现。 Ajax的核心是JavaScript对象XMLHttpRequest,它允许JavaScript在后台与服务器进行通信,而不会中断用户的交互。通过这种方式,我们可以实现页面的...

    ajax一个最简单的例子

    本教程将通过一个最简单的Ajax例子,让你深入理解其工作原理和优势。 ### 1. Ajax基本概念 - **异步通信**:Ajax的核心是浏览器内置的`XMLHttpRequest`对象,它允许JavaScript向服务器发送异步HTTP请求,即在不...

    Ajax技术实现的例子

    通过这个对象,我们可以创建一个后台连接,不打断用户的界面交互,进行数据的通信。 2. JavaScript:在Ajax中,JavaScript负责处理用户交互、创建和控制XMLHttpRequest对象、发送请求以及解析返回的数据。它通过...

    一个Ajax表单检测验证实例.rar

    一个Ajax表单检测验证实例,在不刷新网页的情况下对表单中的各个输入项进行检查,并显示出错误提示,在众多ajax表单中,本示例并不是最复杂的,因此对于学习研究类似表单的实现方法很有参考价值。ajax无刷新表单验证...

Global site tag (gtag.js) - Google Analytics