ajax请求后台接口数据与返回值处理js的实例讲解

2024-12-19 05:36:57

ajax的代码，用的是jquery的 ajax：

$.ajax({
      url: "/test.php",//后台提供的接口
      type: "post",  //请求方式是post
      data:{"type":"1", //这是你要传给后台的data值
      "t":"c4552111"
      },
      dataType: "json", //数据类型是json型
      success: function (data) {  //成功时返回的data值，注意这个data是后台返回的值，上面的data是你要传给后台的值
        console.log(data);//可以在控制台查看打印的data值

        if (data.SuccessCode != "0") { //如果后台返回的data.SuccessCode不等于0执行后面的语句，
          $("#btn").attr("disabled");
          $("#btn").css({"background-color":"#DBDBDB","color":"#DB3B2F"});
          $("#btn").text("不可点击");
        }else{
          $("#btn").addClass("btnNow");
        }

        switch(data.SuccessCode){//根据后台返回的data.SuccessCode来判断执行什么语句
          case "0":
             $("#btn").addClass("btnNow");
            break;
          case "-1":
            alert("活动尚未开始");
            break;
          case "-2":
            alert("本日已抢完");

            break;
          default:
            alert("系统繁忙，请稍后再试");
      }

      },
      error: function () { 

      },
      complete: function () {

      }
    });

以上这篇ajax请求后台接口数据与返回值处理js的实例讲解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

通过jquery的ajax请求本地的json文件方法

自己学习jquery的ajax的经历,记录一下 ajaxTestDemo.html 在body里面放一个id为test的div <div id="test"></div> 第一步还是要先加载jquery文件 jquery.min.js <script> $(function(){ $.ajax({ //请求方式为get type:"GET", //json文件位置 url:"./data/shuju.json"
ajax请求后台得到json数据后动态生成树形下拉框的方法

如下所示: <select id="cc" class="easyui-combotree" style="width:580px;" name="rempId" data-options="required:true"></select> <script> $(function(){ $.ajax({ url:"departmentAction_getAllD
通过Ajax请求动态填充页面数据的实例

你可能得预先了解实现功能:点击页面上的按钮实现动态追加数据实现原理:点击页面按钮,通过Ajax提交请求到后台,后台接收请求后进行数据库操作,然后返回数据到前台并进行页面渲染动态加载更多数据代码实现 //1.页面布局 <div style="padding: 0 0 20px 0;"> <input type="hidden" class="tip" value="1"> <input st
jquery 通过ajax请求获取后台数据显示在表格上的方法

1.引入bootstrap和jquery的cdn <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" rel="external nofollow" > <script type="text/javascript"
vue项目使用axios发送请求让ajax请求头部携带cookie的方法

最近做vue项目时遇到登录权限问题,登录以后再发送的请求头部并没有携带登录后设置的cookie,导致后台无法校验其是否登录.检查发现是vue项目中使用axios发送ajax请求导致的.查看文档得知axios默认是不让ajax请求头部携带cookie的,因此,在main.js中设置如下: import axios from 'axios' axios.defaults.withCredentials=true;//让ajax携带cookie Vue.prototype.$axios = axios
Ajax引擎 ajax请求步骤详细代码

说起AJAX,可能是很多同学在很多地方都看到过,各大招聘网站上对于WEB前端和PHP程序员的技能要求清单中也是必不可少的一项.但是,ajax请求步骤详细代码以及说明却比较少见到什么是AJAX引擎? AJAX引擎其实是一个JavaScript对象,全写是 window.XMLHttpRequest对象,由于浏览器的版本不同,特别是老版本的IE浏览器,虽然也支持AJAX引擎,但是写法上有区别,在IE低版本中通常用 ActiveXObject对象来创建AJAX引擎. AJAX 来自英文"Asynch
jQuery中ajax请求后台返回json数据并渲染HTML的方法

html实例 <table border="0" class="restaurant_food" cellspacing="0" cellpadding="1"> <input type="text" name="dishes" value="" class="seek_product" placeholder="请输入
Python基于分析Ajax请求实现抓取今日头条街拍图集功能示例

本文实例讲述了Python基于分析Ajax请求实现抓取今日头条街拍图集功能.分享给大家供大家参考,具体如下: 代码: import os import re import json import time from hashlib import md5 from multiprocessing import Pool import requests from requests.exceptions import RequestException from pymongo import Mongo
爬取今日头条Ajax请求

网址:https://www.toutiao.com/ 搜索头条可以得到这个网址: https://www.toutiao.com/search/?keyword=%E8%A1%97%E6%8B%8D 开发者工具查看: 我们在搜索中并没有发现上面的文字,那么我们可以初步判定,这个由Ajax加载,然后渲染出来的.此时切换到xhr过滤,可以看到确实是ajax请求. 观察请求的特点,发现只有offset是改变的,而且一次加20,. 我们可以用它来控制数据分页,然后把图片下载下来.代码如下: impo
为jquery的ajax请求添加超时timeout时间的操作方法

下面给大家介绍为jquery的ajax请求添加超时timeout时间的实例有时侯要用ajax来轮询某个服务是否可用,但是各个浏览器ajax的超时时间有可能不一样,所以希望ajax能只尝试几秒钟,然后隔几秒再次发送一次ajax检查一次.可以用timeout属性. var checkLoading = function(timer) { //先延时再获取状态,否则立即获取可能重启前的服务还没有关闭 setTimeout(function() { $.ajax({ url: '/onceos/ver
关于Ajax异步请求后台数据进行动态分页功能

ajax请求后台拿到json类型的数据后,可以在它的success回调方法中进行动态分页,也就是表格重绘,此时,我们需要得到的数据包括:查询得到的数据.数据总条数.总页数.当前页数,其中前三条可在后台获取,对于当前页数,需要从前端获取点击页数再通过请求传递给后台,后台做完相应处理后再传回给前端. 请看如下例子: /** * * @param page 当前页 */ function getData(page){ var schoolid = $("#schoolid option:selecte

ajax请求后台接口数据与返回值处理js的实例讲解

相关推荐

随机推荐