12306余票查询(六)——优化页面结构,加入js请求数据部分

首先第一点优化是,默认查询的出发站是深圳
依旧全是jquery实现

$("input").eq(0).val("深圳");

用户需要手动输入目的地,页面加载完毕后,目的地输入栏获取焦点

 // 获取焦点
$("input").eq(1).focus();

设置初始时间为当前明天

 // 设置默认出发时间为明天function getFormatDate(){    var nowDate = new Date();     var year = nowDate.getFullYear();    var month = nowDate.getMonth() + 1 < 10 ? "0" + (nowDate.getMonth() + 1) : nowDate.getMonth() + 1;    var date = nowDate.getDate() < 10 ? "0" + nowDate.getDate() : nowDate.getDate();  date += 1;  return year + "-" + month + "-" + date;    }$("input").eq(2).val(getFormatDate())

接着判断提交的信息是否合法

 // 判断参数是否合法if(start == ""){alert("请输入出发地");$("input").eq(0).focus();return}if(destiction == ""){alert("请输入目的地");$("input").eq(1).focus();return}if(date == ""){alert("请输入出发时间");$("input").eq(2).focus();return}else if(/2018-[0-1][6-9]-[0-2][0-9]/.test(date)){}else{alert("请输入合法出发时间");$("input").eq(2).focus();return}

依次检查参数,不合法会警告,并自动获取焦点
若全都合法,js执行python代码获得对应数据,拼接进html中,更新页面

 var data = await eel.getdata(start,destiction,date)();body = old_body + data;$("body").html(body);

这里的old_body是指获取的是最初的body的意思,在click世界外获取一下body.val()就好,避免查询结果不断累积
完整的绑定点击事件的代码

  $("#submit").stop().click(**async** function(){var start = $("#start_station").val();var destiction = $("#destinction_station").val();var date = $("#date").val();// 判断参数是否合法if(start == ""){alert("请输入出发地");$("input").eq(0).focus();return}if(destiction == ""){alert("请输入目的地");$("input").eq(1).focus();return}if(date == ""){alert("请输入出发时间");$("input").eq(2).focus();return}else if(/2018-[0-1][6-9]-[0-2][0-9]/.test(date)){}else{alert("请输入合法出发时间");$("input").eq(2).focus();return}// 若运行到这里说明参数都合法,进行请求数据var data = **await eel.getdata(start,destiction,date)();**body = old_body + data;$("body").html(body);})

这里的async和await eel.getdata 是什么鬼,下一节再说
每次写个特长的文章都没人看

12306余票查询(六)——优化页面结构,加入js请求数据部分相关推荐

12306余票查询(一)——分析页面
这段时间Python写的很少,用这个小项目复习一下以前的知识首先打开12306看一下页面结构吧因为我们没有点击查询,所以现在页面中是没有余票信息的, 随便选个出发站目的地,日期,点击查询, 发现相 ...
返乡之路不容易之12306余票查询并给出备选方案v2
在第一版的返乡之路不容易之12306余票查询并给出备选方案中,给出了余票查询和备选方案推荐,但当时有两个问题: 没有备选排名:虽然给出了备选,但哪个备选好没有给出排序没有座位信息(商务/一等/二等/ ...
火车票查询系统(一)——利用python实现监控12306余票查询
最近春运高峰,本人从12月开始买过年回家的火车票,然鹅~现实总是那么残酷,放票时间记不住,要么就是不能实时盯着刷票,外面的软件也不知道靠不靠谱,反正是没买到票,所以一怒之下,自己做一个12306余票查 ...
12306 余票查询API浅探索
12306 余票查询API浅探索余票查询请求分析响应数据解密代码查找调试数据说明余票查询请求分析点击查询,F12进入控制台,进入NetWork面板,查看发送的请求: 点入请求查看详情,很明显 ...
最新Python实现12306余票查询系统
首先感谢这篇博客的引导,但是这篇文章已经比较旧了,12306进行了改版,源码编排方式有了变化.12306源码获取的方法可以从这篇博客中学习,我在这里主要贴出对于目前最新的12306的Python余票查 ...
Python之12306余票查询
简单的Python学习,用Python完成一个12306余票查询- Python之12306余票查询参考资料来自Python 实现火车票查询工具需要用到的第三方库 requests,使用 Pyth ...
铁路局12306余票查询的实现
离上次写的类似于铁道部12306城市选择框的实现过了都快一个月了,最近一直在忙,在学习sharepoint2013,虽然早就实现了12306的余票查询,但是一直没抽出时间来写,刚好这几天也快放假了,抽 ...
12306余票查询（爬虫）
经常因为忙而忘记给妹子订票. 每次结果不言而喻. 登个12306查下余票其实很简单,但不知道为什么就是不想登. 所以弄了个爬虫脚本直接查询余票.希望下个女票不会这样尴尬,哈哈哈哈哈哈 12306首页为 ...
使用c#中的HttpWebRequest实现12306余票查询
准备工作下载用于解析JSON的类库(Newtonsoft.Json.dll)(下载地址:Newtonsoft.Json.dll): 在C#项目中添加对其的引用. 在程序中导入命名空间: 1 2 3 ...
12306余票查询(五)——网页模板制作
虽然各位大佬把查询信息打印在终端是很酷,但是个人觉得制作成网页,可以添加更多的样式和更多的操作.但是会增加一个网页与pyhton的交互问题,本节只讲网页制作简单到简陋的网页布局,只是为了更好的展示余 ...

12306余票查询(六)——优化页面结构,加入js请求数据部分

12306余票查询(六)——优化页面结构,加入js请求数据部分相关推荐

最新文章

热门文章