前端与后台合作过程中,提供接口,请求参数,返回参数等,这些在项目合作中是必不可少的。
这样就要用到ajax来请求。
下面做一个简单例子来说明这些,同时作为记录。
A项目接口
A项目设置是否同步B项目接口
接口的作用:A项目设置是否同步B项目
接口联系人:XXX@163.com
接口的完整链接:http://
HTTP请求的方式:POST
请求参数的含义:userid:XX用户id
sync: 1同步 0 不同步
返回参数的含义:
返回json格式
{
“errorcode”:0,
”errormsg“:”sucess“
}
errorcode:-0 正常
小于 0 是吧 errormsg里面是错误信息
以上是后台开发人员给我们的接口和请求参数
那么我们就要根据这个来进行我们的ajax编码
:
因为 0是不同步,1 是同步,,这里的同步和不同步就是页面中的两个按选按钮 我们设置input 里面的value是0 还是1,
设置好后,点击保存,就要来发ajax请求以及返回数据。
代码:
$("save").click(funcition(){ var isSyncXcs =$('input:radio[name="sync"][checked="checked"]').val(); $.ajax({ url:'http://', type:'POST', data:{userid:userid,sync:isSyncXcs}, success:function(data){ if(data.errorcode == 0){//这里是判断获取到的数据是否正常 var isSyncXcs = $('input:radio[name="sync"][checked="checked"]').val(); //保存成功 if(isSyncXcs == 0){ $(".aa").hide(); }else if(isSyncXcs == 1){ $(".bb").show(); } }else{ alert(data.errormsg); } }, error:function(data){ //错误处理 alert(data.errormsg); } }); });
我们页面上有:外层div class=“aa” 里面有两个input,一个保存(class="save"),一个取消
另外一个div class=“bb”
就是如果是1,为同步,zebb显示,
就这么简单,,把项目的业务逻辑理理清楚,一步一步来很easy
相关推荐
在"JavaScript语言与Ajax应用(第二版)"这本书中,作者董宁深入探讨了这两者的核心概念和技术应用。 1. **JavaScript基础**:JavaScript语言的基础包括变量、数据类型、运算符、流程控制(条件语句、循环语句)、...
3. **XML与JSON**:虽然名字中有XML,但现代Ajax应用更倾向于使用JSON(JavaScript Object Notation)作为数据交换格式,因为JSON更轻量且易于解析。 **二、Ajax工作流程** 1. **创建XMLHttpRequest对象**:在...
**Ajax应用开发典型实例** Ajax(Asynchronous JavaScript and XML)技术是现代Web应用程序中的关键组成部分,它允许在不刷新整个页面的情况下与服务器进行异步数据交换。这种技术极大地提升了用户体验,因为它减少...
JavaScript 和 AJAX 是 web 开发中的两个重要概念,它们在创建交互式、动态和实时的网页应用中发挥着关键作用。JavaScript 是一种轻量级的解释型编程语言,主要用于客户端的网页脚本,而 AJAX(Asynchronous ...
本书“挑战JavaScript & Ajax 应用开发”显然旨在深入探讨这两个技术,帮助开发者提升他们的技能。 JavaScript,一种轻量级的解释型编程语言,是网页开发的标准组件,用于为网页添加交互性。它可以在用户的浏览器上...
jQuery 的Ajax应用 jQuery操作表格 jQuery插件
在这个“很典型的ajax应用”中,我们将深入探讨如何实现一个输入关键字动态显示列表的简单实例,以及如何将Ajax技术应用于Java后端。 首先,让我们从用户界面(UI)开始。在这个实例中,用户会有一个输入框用于输入...
**传统Web应用与AJAX应用** 在Web应用的发展历程中,传统的Web应用和AJAX(Asynchronous JavaScript and XML)应用是两个重要的阶段。传统的Web应用,又称为“页面刷新”模型,是基于HTTP协议的请求-响应模式。用户...
Ajax不是万能的,在适合的场合使用Ajax,才能充分发挥它的长处,改善系统性能和用户体验,绝不可以为了技术而滥用。
在IT行业中,头像和Ajax应用是网页设计与开发中的常见元素。Ajax(Asynchronous JavaScript and XML)技术的引入,极大地改善了用户交互体验,使得网页可以在不刷新整个页面的情况下进行数据交换。在这个主题中,...
- **TestAJAX**: 这个文件可能是整个Ajax应用的核心测试部分,包含了各种Ajax功能的测试用例,比如异步数据加载、动态表单提交等。 4. **学习要点** - 理解XMLHttpRequest对象的工作原理和生命周期。 - 掌握JSP...
在这一系列课程的第31讲中,我们将深入探讨如何构建高性能的ASP.NET AJAX应用程序,以下是对相关知识点的详细说明: 1. **AJAX基础**:了解AJAX的基本原理,包括异步通信、局部刷新以及页面无刷新更新,这些特性...
**BBS-AJax应用实例** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。在这个"BBS-AJax应用实例"中,我们主要探讨的是如何使用Ajax来增强一个BBS...
通过查看这些文件,我们可以学习如何在实际项目中构建Ajax应用,例如创建一个动态加载的新闻列表、实时搜索功能或是交互式表单。 总结,Ajax是现代Web开发中的关键技术,它极大地提升了用户体验,使得网页更加动态...
Ajax 应用课堂教学设计 Ajax 是一种异步 JavaScript 和 XML 技术,能够实现网页的局部刷新。它在 Web 前端开发技术课程中扮演着重要角色,但是在教学过程中存在一些问题,如教材中关于 Ajax 应用的部分内容太少、...
在这个"Ajax应用 三层示例"中,我们将深入探讨如何构建一个基于Ajax的三层架构应用程序。 首先,三层架构是一种常见的软件设计模式,它将应用程序分为三个主要部分:表现层(Presentation Layer)、业务逻辑层...
在讨论AJAX应用中的编码问题之前,有必要先理解MVC(模型-视图-控制器)模式的优点,这将有助于我们更好地构建Web应用程序。MVC模式允许将应用程序分为三个核心组件,分别是模型(Model)、视图(View)和控制器...
本教程将深入探讨如何通过CSS、JavaScript和JavaServer Faces (JSF)框架来构建Ajax应用。 首先,我们来看看CSS(Cascading Style Sheets)在Ajax应用中的作用。CSS是用于描述HTML或XML(包括如SVG、MathML等各种XML...
集成 Flex 与 Ajax 应用程序是现代 Web 开发中的一种策略,旨在结合两种技术的优势,以创建丰富、交互性和高性能的用户体验。Flex,作为 Adobe 的一个开源框架,主要用于构建 Flash 应用程序,提供了丰富的用户界面...
资源名称:jQuery Ajax应用解析 中文WORD版内容简介:本文档主要讲述的是jQuery Ajax应用解析;jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写Javascript...