图片 1

跨域访问,x开发案例之整合Quartz任务管理系统

我和Ajax结缘是在2015年的3月份,当时的项目需要Ajax技术来实现,但对于我来说完全是全新的名词,自己就上网上查找相关资料,结局很明显,知道概念但是具体的是什么东西根本傻傻不明白,后来这个技术是一个后台妹子弄好的,汗颜。

图片 1

$.ajax({
type: “get”,
url: “”,
data: { “UName”: UName, “Tel”: Tel, “RegisterUrl”: RegisterUrl,
“ProvinceID”: ProvinceID, “Mtype”: Mtype, “TalkProJectID”:
TalkProJectID, “RegisterID”: RegisterID },
dataType: ‘jsonp’,
jsonp: “_jsonpCallback”,
success: function (json) {
if (json.id == 1) {
alert(“恭喜您,提交成功!”);
return false;
}
if (json.id == 2) {
alert(“手机号不能重复提交”);
return false;
}
else {
alert(“提交失败!”);
}
}
});

这里面我回头仔细分析了一下,最重要的就是自己不懂服务器,记得当时刚刚到那家公司,总监让我安装Java运行环境,自己弄了一上午什么都没弄明白,别的小伙伴也没弄明白;因为只有我使用苹果电脑,自己刚刚买的,操作都不太明白,最后是总监给安装的。

基于spring-boot 2.x + quartz 的CRUD任务管理系统,适用于中小项目。

目前jsonp不支持post跨域请求。

当时自己的前端技术只在HTML和CSS有大量的能量,在JS方面属于会用现成东西,加上自己完全不懂服务器,使得自己和Ajax拼杀了近8个月的时间才渐渐地停战,转变友好,自己一个人单打的日子即难受又难忘,现在Ajax已经成为我光芒的一部分了,所以打算写一写自己学习Ajax的方式方法,希望能给那些最初完全不懂的朋友一些启示。

基于spring-boot +quartz 的CRUD任务管理系统:

后台接收方法:

【服务器环境的安装】

 String jsonpCallback = Request.QueryString[“_jsonpCallback”];

不懂服务器的同学可以不用懂也可以,知道放里面运行就可以学习Ajax了

开发环境

JDK1.8、Maven、Eclipse

返回成功数据需要将jsonpcallback加上:

我推荐使用:XAMPP是最流行的PHP开发环境,直接一键安装,方便快捷

技术栈

SpringBoot2.0.1、thymeleaf3.0.9、quartz2.3.0、iview、vue、layer、AdminLTE、bootstrap

  return Content(jsonpCallback + “({id:” + 1 + “});”);

发表评论

电子邮件地址不会被公开。 必填项已用*标注

标签:
网站地图xml地图