当前位置: 萬仟网 > IT编程>网页制作>CSS > jqueryajax跨域访问解析

jqueryajax跨域访问解析

2019年04月19日 07:58  | 萬仟网IT编程  | 我要评论

代码基于 servlet 项目,部署到服务器时碰到跨域问题,请求不到数据,朋友推荐了这种写法,经测试可用。

下面是js代码:

$.ajax({
    type:"post",
    url:"https://域名或ip:端口号/项目名/servlet名称",     //url写异域的请求地址
    data:{"type":"checkmember","desno":logdesno,"openid":openid,"brand":brandid},
    datatype:"jsonp",     //加上datatype
    jsonp: "callback",    //服务端用于接收callback调用的function名的参数
    contenttype:"application/json;charset=uft-8",
    success:function(data){
        if(data.status=="success"){
            alert("success");
        }else{
            alert("当前手机号暂未注册.请前往注册.");
        }
        console.log(data);
    },error:function(data){
        console.log("请求异常");
    }
});

java 代码:

@override
protected void dopost(httpservletrequest req, httpservletresponse resp) throws ioexception{
    resp.setcontenttype("text/json;charset=utf-8");
    printwriter out = resp.getwriter();
    string type = req.getparameter("type");
    map map = null;
    string a = null;

    //对应 js 中的jsonp:"callback"
    string callback = req.getparameter("callback");
    if("checkmember".equals(type)){
        string desno = req.getparameter("desno");
        string brand = req.getparameter("brand");
        string openid = req.getparameter("openid");
        object[] params = {desno,brand,openid};
        map = new hashmap();
        int checkresult = 0;
        try {
            checkresult = cs.checkmember(params);
            system.out.println(checkresult);
        } catch (sqlexception e) {
            e.printstacktrace();
        }
    }
    //封装成 jsonp 的返回格式
    jsonobject json = jsonobject.fromobject(map);
    a = callback+"(" + json.tostring() + ")";
    out.print(a);//输出返回值
    out.flush();
    out.close();
}

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

  • VueRouter认识

    1、 什么是路由? 注意:作为vue的插件,需要单独引入js文件,且必须在vue.js之后引入。 <router-link to=“跳转路径”... [阅读全文]
  • 零基础:如何快速学习JavaScript,html+css技术

    前端开发要学的知识内容涉及的会很宽泛,虽然说主要是HTML、CSS和JavaScript这些基础知识点,但达妹今天想强调一下,学前端开发除了要学这些... [阅读全文]
  • Web基础--HTML、Css

    Web基础--HTML、Css

    一、Web项目(可跳过,直接从下一个标题开始) 1、Web项目: 指的是带网页的项目,通过浏览器可以访问的项目。比如:淘宝、天猫等。 2、Web项目... [阅读全文]
  • CSS是什么

    css是层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标... [阅读全文]
  • vue初级使用

    一、Vue是什么? Vue(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架。采用自底向上增量开发的设计。Vu... [阅读全文]
  • HTML连载21-序选择器上

    HTML连载21-序选择器上

    解释CSS3 中新增的选择器中最具有代表性的就是序选择器,大致可以分为两类: (1)同级别的第几个(2)同类型的第几个 先写一个公共代码 1.选中同... [阅读全文]
  • 哪些技术会决定前端开发者的未来发展?

    哪些技术会决定前端开发者的未来发展?

    2019年下半年即将到来,上半年狂风骤雨般的裁员浪潮让每一位从业者背脊发凉,在经历了五六年黄金发展期之后,前端开发这个行业似乎也进入了转折点。 我一... [阅读全文]
  • 关于阿里 iconfont 的使用步骤

    关于阿里 iconfont 的使用步骤

    第一步: 在iconfont库中,找到你想要的图标,加入到购物车,再在购物车中将图标加入到你的项目中去 第二步: 在项目中,可以看到刚刚加入的图标,... [阅读全文]
  • flex 布局学习

    flex 布局学习 寻根溯源话布局 一切都始于这样一个问题:怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候,看... [阅读全文]
  • web前端布局HTML+CSS

    web前端布局HTML+CSS

    1、W3C标准 万维网联盟(外语缩写:W3C)标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Pr... [阅读全文]

◎已有 0 人评论

Copyright © 2019  萬仟网 保留所有权利. 粤ICP备17035492号-1
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com