zoukankan      html  css  js  c++  java
  • 使用ajax请求数据时的几种做法

    在进行前后端交互的时候,一般前端使用ajax向后端发送数据,后端根据发送的数据来返回数据,前端将这些数据接收并进行相应的处理

    以下是在日常工作中总结的几点使用ajax传递数据时的情况:

      1.在本页面(可以理解为A页面)中直接使用ajax请求,不需要传递任何参数,在success中可以直接获取到后端的数据

      2.在A页面中直接使用ajax获取到数据,在另一个B页面中需要用到A页面的数据,分为两种情况:

        a. A页面跳转到B页面是通过a标签来跳转的,那么可以在A页面的a标签里面做文章,将a标签中的hrefh属性设置为:href="B.html?数据名=数据",这样在跳转到B页面的时候,B页面的url里面就会有相应的A页面的信息,使用:

    function getData(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if (r != null)return unescape(r[2]);
            return null;
        }

    直接:var 数据 = getData("数据名");就可以获取到了

        b.A页面跳转到B页面不是通过A页面的a标签跳转的,那么这个时候就不好通过a标签来传递数据了,这个时候可以考虑使用本地存储(localStorage),在A页面中将通过ajax获取到的值存到本地:window.localStorage.setItem('数据名','数据');在B页面中通过:window.localStorage.getItem('数据名');来拿到数据

    以上就是这几种方式,欢迎补充~

        

  • 相关阅读:
    #333 Div2 Problem B Approximating a Constant Range(尺取法)
    苦逼的单身狗(玄乎的尺取大法)
    欧拉项目第四题之三位数之积数的最大回数
    欧拉项目第三题之最大质数因子
    关于尺取法的认识与简单例题
    codeforces 980B Marlin
    康托展开和逆康托展开
    Chrome控制台中Network的Preview与Response区别
    配置Express中间件
    Express中间件简介
  • 原文地址:https://www.cnblogs.com/199316xu/p/6522777.html
Copyright © 2011-2022 走看看