zoukankan      html  css  js  c++  java
  • 调用ajax 跨域调用接口

    //ajax 跨域请求数据
    function ajaxType (){

    $.ajax({
    url: "http://127.0.0.1:9090/spring_mvc/HttpClient/ajaxType.do?jsonpCallback=?",
    type: "GET",
    data: { pwd: encodeURI('周'), username: 'tl' },
    dataType: "jsonp",
    success: function(data) {

    //返回 为 map 一个 key 对应 多个 list
    var list = data.ok ;
    //获取长度list.length
    alert(list[0]);//List第一个数据
    }

    });

    }

    控制器

    //调用ajax 跨域调用接口
    @RequestMapping(value = "ajaxType", method = RequestMethod.GET)
    public void ajaxType(HttpServletRequest request, HttpServletResponse response){
    try {

    Map<String, List<Object>> map = new HashMap<String, List<Object>>();


    List<Object> list = new ArrayList<Object>();
    list.add("测试1");
    list.add("测试2");
    list.add("测试3");
    list.add("测试4");
    list.add("测试5");
    map.put("ok", list);
    String pwd = URLDecoder.decode(request.getParameter("pwd"),"UTF-8");//解码
    PrintWriter out = response.getWriter();
    JSONObject resultJSON = JSONObject.fromObject(map); // 根据需要拼装json
    String jsonpCallback = request.getParameter("jsonpCallback");// 客户端请求参数
    out.println(jsonpCallback + "(" + resultJSON.toString(1, 1) + ")");// 返回jsonp格式数据
    System.out.println(jsonpCallback + "(" + resultJSON.toString(1, 1) + ")");
    out.flush();
    out.close();
    } catch (Exception e) {
    }
    }

  • 相关阅读:
    有趣的项目链接分享
    Nano Pi安装Opencv-python
    Opencv
    安装库的步骤
    EC20 AT指令
    最详细树莓派/NanoPi网线和电脑直接连接方法
    在Altium Designer中如何将一组器件合并为一个?
    Altium Designer如何快速查找PCB板上元件
    pip升级之后,不能使用
    利用opencv-python(cv2)查看设备连接摄像头的数量
  • 原文地址:https://www.cnblogs.com/yy123/p/4011355.html
Copyright © 2011-2022 走看看