`

js之ajax一步到位

阅读更多

*、ajax调用语法

$.ajax({//ajax异步获取数据
	type:'POST',//请求方式
	dataType:'json',//返回数据格式,若该格式不指定为json那么下面获取的data数据仅是普通的字符串
	url: '<%=request.getContextPath()%>/yourAction.do?method=yourmethod&curLevel='+curLevel, 
	success: function(data){//根据设置的数据格式返回的结果
	    var option = "";
	    $("#upId").html("");//清空原有数据
		$.each(data, function (n, st) {//解析数据,html拼接
	       option += "<option value='"+st.id+"'>"+st.specialName + "</option>";
	   });
	   $("#upId").append(option);
	}
});

 

*、ajaxSubmit调用语法

jQuery(document.getElementsByName('yourForm')).ajaxSubmit( {//获取某表单
    dataType:'json',//返回信息的类型,若该格式不指定为json那么下面获取的data数据仅是普通的字符串
    success : function(data) {
	if (data.success) {//直接作为json对象使用即可
	    alert(data.msg);
		
	} else {
	    alert(data.msg);
	}
    }
});

 

*、后台要做点什么呢?

后台处理借用net.sf.json.JSON*等类将实体对象转为json对象的字符串以流的形式返回前台即可;
如:
response.setHeader("Content-type", "text/html");
response.setCharacterEncoding(charset);
response.getWriter().flush();
response.getWriter().print(JSON*类.fromObject(实体对象).toString());

 

----------------------------------------------------------小意外----------------------------------------------------------------

*、当ajax点击后无反应仔细查看error函数返回的内容

 error: function (xhr) {alert(xhr.responseText) }

 

 

 

分享到:
评论

相关推荐

    ajax和js的web开发

    在Web开发领域,Ajax(Asynchronous JavaScript and XML)与JavaScript是两种至关重要的技术,它们共同构建了现代网页的动态交互体验。Ajax的核心理念是通过后台数据异步交换,实现页面无需刷新即可更新部分内容,...

    Node.js解析ajax参数Demo

    **Node.js解析Ajax参数Demo** 在Web开发中,前端与后端的数据交互是必不可少的,Ajax(Asynchronous JavaScript and XML)技术就是实现这种交互的重要手段。在这个“Node.js解析Ajax参数Demo”中,我们将深入探讨...

    Js拦截全局ajax请求

    在JavaScript开发中,有时我们需要对全局的Ajax请求进行拦截,以便进行统一的处理,比如添加统一的错误处理、数据格式化、性能监控等。这种需求通常可以通过“Ajax Hook”技术来实现。Ajax Hook允许我们捕获并修改...

    挑战javascript&ajax应用开发

    3. **前端框架**:如 React、Vue.js 或 Angular,它们封装了 AJAX 调用,提供组件化开发方式,进一步提高了开发效率和代码复用性。 4. **WebSockets**:提供双向通信的协议,适用于实时应用,如在线聊天、股票交易等...

    JS&AJAX代码示例

    JavaScript(简称JS)和AJAX(异步JavaScript和XML)是Web开发中不可或缺的技术,用于构建动态、交互式的网页应用。本压缩包“JS&AJAX代码示例”提供了若干实例,帮助开发者深入理解这两项技术的核心概念和用法。 *...

    js实现Ajax效果的增删改查

    在这个“js实现Ajax效果的增删改查”主题中,我们将深入探讨如何利用JavaScript和Ajax技术来实现数据库数据的CRUD(创建、读取、更新和删除)操作。 首先,我们需要理解Ajax的工作原理。Ajax通过创建XMLHttpRequest...

    jstree ajax application

    根据提供的文件信息,我们可以推断出这是一篇关于 jstree 的 AJAX 应用程序的文章。jstree 是一个 jQuery 插件,用于创建树形结构的导航菜单或图谱。通过结合 AJAX 技术,可以实现动态加载数据,提高用户体验。 ###...

    C#+js+ajax+MYSQL实现我的个人主页

    【标题】:“C#+js+ajax+MYSQL实现我的个人主页”这一项目主要涵盖了Web开发中的核心技术,通过结合C#后端处理、JavaScript前端交互、Ajax异步通信以及MySQL数据库存储,构建一个完整的个人主页系统。 【C#】:C#是...

    js实现AJAX源代码

    **JavaScript实现AJAX的核心知识点** AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器交换数据并更新局部网页内容,提高了用户体验...

    MicrosoftAjax.js 实现Ajax类库

    MicrosoftAjax.js是微软为.NET Framework开发的一个Ajax库,它使得开发者能够在JavaScript环境中更轻松地实现Ajax功能。** 在JavaScript中,实现Ajax通常涉及以下几个关键步骤: 1. **创建XMLHttpRequest对象**:...

    ajax搜索下拉菜单提示js源代码

    总结,Ajax搜索下拉菜单提示js源代码是结合Ajax和JavaScript实现的一种动态搜索功能,通过监听用户输入、发送Ajax请求、处理返回数据并动态更新页面内容,提高了搜索的效率和用户体验。理解并掌握这些知识点,有助于...

    Ajax(Ajax使用js包)

    使用Ajax实现从服务器读取数据,包括Ajax实现的详细步骤

    原生js+ajax通用函数+php

    本函数封装了js的ajax,php为处理后台数据,仅支持post,代码很简洁

    JS+AJAX+CSS中文帮助文档和示例

    JavaScript(JS)、Ajax(异步JavaScript和XML)和层叠样式表(CSS)是Web开发中的核心技术,它们共同构建了动态、交互性和视觉吸引力强的网页应用。这个压缩包包含了这些技术的中文帮助文档和示例,对于学习和理解...

    一个基于js+AJAX实现的ToolTip AJAX Client Control客户端控件源码

    "一个基于js+AJAX实现的ToolTip AJAX Client Control客户端控件源码"这个标题揭示了我们讨论的核心技术:JavaScript、AJAX以及客户端控件开发。这里的ToolTip是一种常见的用户界面元素,通常在鼠标悬停时显示额外...

    纯js实现ajax无刷新三级联动

    本项目"纯js实现ajax无刷新三级联动"旨在利用JavaScript和Ajax技术,无需页面整体刷新即可实现多级选择联动效果,这种效果常见于下拉菜单的联动筛选中。在描述中提到,此项目使用了JSON格式进行数据交换,这有助于...

    挑战JavaScript&Ajax;应用开发》

    《挑战JavaScript & Ajax应用开发》内容简介:Ajax是当今网络应用开发的主流技术,JavaScript是其核心,《挑战JavaScript & Ajax应用开发》从企业开发的实际需求出发,通过范例全方位介绍这2种Web开发技术及其综合...

    js和ajax实现三级联动.zip

    在网页开发中,JavaScript(简称JS)和Ajax(异步JavaScript和XML)是两种非常重要的技术,用于创建动态和交互性的用户体验。在这个“js和ajax实现三级联动.zip”压缩包中,包含了一个实现三级联动(省市区选择)的...

    js+ajax关键词搜索条件筛选内容列表代码

    首先,JavaScript(简称JS)是Web开发的基石之一,主要用于处理客户端的交互逻辑。在这个项目中,JS被用来捕捉用户的输入事件,如搜索关键词的输入,以及对分类选择的响应。当用户输入关键词或选择分类时,JS会触发...

    js+ajax+jquery笔记

    JavaScript,Ajax,jQuery是Web开发中的核心技术,它们在构建交互式和动态网页方面发挥着关键作用。以下是对这些技术的详细说明: 1. **JavaScript**: - **基础概念**:JavaScript是一种轻量级的解释型编程语言,...

Global site tag (gtag.js) - Google Analytics