码迷,mamicode.com
首页 > Web开发 > 详细

phantomjs form提交

时间:2015-01-20 13:37:00      阅读:106      评论:0      收藏:0      [点我收藏+]

标签:

phantomjs表单提交,其实就是对DOM就行操作(获取元素),在这里实现了动态传入各种参数

不说了 直接上代码

 1 var page = require(‘webpage‘).create(),
 2 system = require(‘system‘),fname;                                   
 3  
 4 var hostUrl = system.args[1];
 5 var resId = system.args[2];
 6 var fileName = system.args[3];
 7 console.log("访问地址:"+hostUrl);
 8 console.log("资源名称:"+resId);
 9 console.log("资源路径:"+fileName);
10 console.log(‘请稍等,正在提交数据。。。‘);
11 
12 page.open(hostUrl, function (stat) {
13     page.uploadFile(‘input[name=resFile]‘, fileName);
14     page.evaluate(function (resId) {
15         document.querySelector(‘input[name=resId]‘).value = resId;
16         document.querySelector(‘input[name=resConf]‘).value = ‘{"resVer":"‘+new Date().getTime()+‘"}‘;
17         document.querySelector(‘form‘).submit();
18     },resId);
19     phantom.exit();
20 });

这里会出现一个问题,如果上传的资源文件过大,时间过长,就会出现上传失败

所以在这里要通过一个状态来判断是否上传完成,onResourceReceived资源收到后调用后方法

 1 var page = require(‘webpage‘).create(),
 2 system = require(‘system‘),fname;                                   
 3  
 4 var hostUrl = system.args[1];
 5 var resId = system.args[2];
 6 var fileName = system.args[3];
 7 console.log("访问地址:"+hostUrl);
 8 console.log("资源名称:"+resId);
 9 console.log("资源路径:"+fileName);
10 console.log(‘请稍等,正在提交数据。。。‘);
11 
12 page.open(hostUrl, function (stat) {
13     page.uploadFile(‘input[name=resFile]‘, fileName);
14     page.evaluate(function (resId) {
15         document.querySelector(‘input[name=resId]‘).value = resId;
16         document.querySelector(‘input[name=resConf]‘).value = ‘{"resVer":"‘+new Date().getTime()+‘"}‘;
17         document.querySelector(‘form‘).submit();
18     },resId);
19 });
20 page.onResourceReceived = function(response) {
21      if(response.stage==‘end‘ && response.url.indexOf(‘.json‘)>-1){
22         phantom.exit();
23      }
24 };

这里判断了stage状态结束,还有当前地址改变,完成了上传,就能结束当前操作

通过phantomjs实现了前端不能实现的,在测试中效果很明显

phantomjs form提交

标签:

原文地址:http://www.cnblogs.com/Vipming/p/4235694.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!