`
xiaomiya
  • 浏览: 131121 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论
阅读更多

前端与后台合作过程中,提供接口,请求参数,返回参数等,这些在项目合作中是必不可少的。

这样就要用到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应用第二版_JavaScript语言与Ajax应用_JavaScript应用_javascri

    在"JavaScript语言与Ajax应用(第二版)"这本书中,作者董宁深入探讨了这两者的核心概念和技术应用。 1. **JavaScript基础**:JavaScript语言的基础包括变量、数据类型、运算符、流程控制(条件语句、循环语句)、...

    一个完整的ajax应用例子

    3. **XML与JSON**:虽然名字中有XML,但现代Ajax应用更倾向于使用JSON(JavaScript Object Notation)作为数据交换格式,因为JSON更轻量且易于解析。 **二、Ajax工作流程** 1. **创建XMLHttpRequest对象**:在...

    Ajax应用开发典型实例

    **Ajax应用开发典型实例** Ajax(Asynchronous JavaScript and XML)技术是现代Web应用程序中的关键组成部分,它允许在不刷新整个页面的情况下与服务器进行异步数据交换。这种技术极大地提升了用户体验,因为它减少...

    挑战javascript&ajax应用开发

    JavaScript 和 AJAX 是 web 开发中的两个重要概念,它们在创建交互式、动态和实时的网页应用中发挥着关键作用。JavaScript 是一种轻量级的解释型编程语言,主要用于客户端的网页脚本,而 AJAX(Asynchronous ...

    挑战JavaScript & Ajax 应用开发

    本书“挑战JavaScript & Ajax 应用开发”显然旨在深入探讨这两个技术,帮助开发者提升他们的技能。 JavaScript,一种轻量级的解释型编程语言,是网页开发的标准组件,用于为网页添加交互性。它可以在用户的浏览器上...

    jQuery 的Ajax应用 操作表格 插件

    jQuery 的Ajax应用 jQuery操作表格 jQuery插件

    很典型的ajax应用

    在这个“很典型的ajax应用”中,我们将深入探讨如何实现一个输入关键字动态显示列表的简单实例,以及如何将Ajax技术应用于Java后端。 首先,让我们从用户界面(UI)开始。在这个实例中,用户会有一个输入框用于输入...

    传统Web应用与AJAX应用

    **传统Web应用与AJAX应用** 在Web应用的发展历程中,传统的Web应用和AJAX(Asynchronous JavaScript and XML)应用是两个重要的阶段。传统的Web应用,又称为“页面刷新”模型,是基于HTTP协议的请求-响应模式。用户...

    Ajax应用场景.txt

    Ajax不是万能的,在适合的场合使用Ajax,才能充分发挥它的长处,改善系统性能和用户体验,绝不可以为了技术而滥用。

    头像和Ajax应用

    在IT行业中,头像和Ajax应用是网页设计与开发中的常见元素。Ajax(Asynchronous JavaScript and XML)技术的引入,极大地改善了用户交互体验,使得网页可以在不刷新整个页面的情况下进行数据交换。在这个主题中,...

    ajax应用j2ee实例

    - **TestAJAX**: 这个文件可能是整个Ajax应用的核心测试部分,包含了各种Ajax功能的测试用例,比如异步数据加载、动态表单提交等。 4. **学习要点** - 理解XMLHttpRequest对象的工作原理和生命周期。 - 掌握JSP...

    ASP.NET AJAX深入浅出系列课程(31):构建高性能ASP.NET AJAX应用程序

    在这一系列课程的第31讲中,我们将深入探讨如何构建高性能的ASP.NET AJAX应用程序,以下是对相关知识点的详细说明: 1. **AJAX基础**:了解AJAX的基本原理,包括异步通信、局部刷新以及页面无刷新更新,这些特性...

    BBS-AJax应用实例

    **BBS-AJax应用实例** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。在这个"BBS-AJax应用实例"中,我们主要探讨的是如何使用Ajax来增强一个BBS...

    Ajax应用开发综合案例

    通过查看这些文件,我们可以学习如何在实际项目中构建Ajax应用,例如创建一个动态加载的新闻列表、实时搜索功能或是交互式表单。 总结,Ajax是现代Web开发中的关键技术,它极大地提升了用户体验,使得网页更加动态...

    关于Ajax应用的课堂教学设计.pdf

    Ajax 应用课堂教学设计 Ajax 是一种异步 JavaScript 和 XML 技术,能够实现网页的局部刷新。它在 Web 前端开发技术课程中扮演着重要角色,但是在教学过程中存在一些问题,如教材中关于 Ajax 应用的部分内容太少、...

    Ajax应用

    在这个"Ajax应用 三层示例"中,我们将深入探讨如何构建一个基于Ajax的三层架构应用程序。 首先,三层架构是一种常见的软件设计模式,它将应用程序分为三个主要部分:表现层(Presentation Layer)、业务逻辑层...

    在ajax应用当中的编码问题

    在讨论AJAX应用中的编码问题之前,有必要先理解MVC(模型-视图-控制器)模式的优点,这将有助于我们更好地构建Web应用程序。MVC模式允许将应用程序分为三个核心组件,分别是模型(Model)、视图(View)和控制器...

    CSS、JavaScript 和 JSF 精心打造 Ajax 应用

    本教程将深入探讨如何通过CSS、JavaScript和JavaServer Faces (JSF)框架来构建Ajax应用。 首先,我们来看看CSS(Cascading Style Sheets)在Ajax应用中的作用。CSS是用于描述HTML或XML(包括如SVG、MathML等各种XML...

    集成 Flex 与 Ajax 应用程序

    集成 Flex 与 Ajax 应用程序是现代 Web 开发中的一种策略,旨在结合两种技术的优势,以创建丰富、交互性和高性能的用户体验。Flex,作为 Adobe 的一个开源框架,主要用于构建 Flash 应用程序,提供了丰富的用户界面...

    jQueryAjax应用解析中文WORD版

    资源名称:jQuery Ajax应用解析 中文WORD版内容简介:本文档主要讲述的是jQuery Ajax应用解析;jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写Javascript...

Global site tag (gtag.js) - Google Analytics