• Casperjs中fill提交表单遇到的问题


    1.if you access internet with proxy please add             --ignore-ssl-errors=true --ssl-protocol=any

    2.casper.then* and casper.wait* 都是异步执行的

    他们的调用,都是按堆栈中的顺序来执行;也就是说,其他同步执行的函数,譬如,console.logcasper.echo andcasper.evaluate ,如果跟在异步函数后面,都是要立即执行的,这就导致不同步了

    这种情况下,我们需要把同步执行的函数,放到wait的回调函数里面,

    3.

    Casperjs中fill的作用是填充表单值,并可以提交(可选),API:http://docs.casperjs.org/en/latest/modules/casper.html#fill,这里不详述它的用法。
    今天遇到一个问题,在此记录一下。问题是这样的:我一个可以正常提交form的casperjs脚本,在windows可以正常工作,之前在一台centos的linux服务器上也可以正常工作,今天在一台ubuntu12.04的服务器上却不行,尝试过各种办法(降低casperjs/phantomjs版本等)都不行。调用fill方法后,打出warning消息:[warning] [remote] unable to submit form。为了查找原因,我都去翻看了它git上的源码,想知道是哪块儿出了问题,找到以下代码块儿:
    // Form submission?if(submit) { this.evaluate(function_evaluate(selector) { varform = __utils__.findOne(selector); varmethod = (form.getAttribute('method') || "GET").toUpperCase(); varaction = form.getAttribute('action') || "unknown"; __utils__.log('submitting form to '+ action + ', HTTP '+ method, 'info'); varevent = document.createEvent('Event'); event.initEvent('submit', true, true); if(!form.dispatchEvent(event)) { __utils__.log('unable to submit form', 'warning'); return; } if(typeofform.submit === "function") { form.submit(); } else{ // http://www.spiration.co.uk/post/1232/Submit-is-not-a-function form.submit.click(); } }, selector);}
    看下来似乎是没有办法dispatchEvent “submit”的event。但是此时我的心情是“朕知道了,但朕也无能为力”……
    考虑到这应该是兼容性的问题,不能也不好做什么大改动。但又必须让它正常工作。所以尝试寻找其它等同效果的办法。现在的问题是提交,而casperjs的api中除了这个fill方法没有提交直接的submit方法。这该怎么办法呢?接下来,我从casperjs的click api示例代码中得到启发。调用evaluate进入页面然后调用原生js的submit方法提交表单。怀着试一下心态运行了一下,各环境都能正常工作!
    所以,为了兼容性,Casperjs中这样的写法:

    this.fill('form#contact-form', {'subject': 'I am watching you','content': 'So be careful.','civility': 'Mr','name': 'Chuck Norris','email': 'chuck@norris.com','cc': true,'attachment': '/Users/chuck/roundhousekick.doc'}, true);
    应该写成下面这样比较好:
    this.fill('form#contact-form', { 'subject': 'I am watching you', 'content': 'So be careful.', 'civility': 'Mr', 'name': 'Chuck Norris', 'email': 'chuck@norris.com', 'cc': true, 'attachment': '/Users/chuck/roundhousekick.doc'}, false);this.evaluate(function(){ document.querySelector('form#contact-form').submit();});

  • 相关阅读:
    .net 实现 URL重写,伪静态
    jquery上传插件AjaxUpload使用示例
    事实上
    C# DataSet和DataTable详解
    当你累了,准备放弃时,看看这个吧!!!
    asp.net页面数据传递总结
    在Global.asax中根据请求路径判断是否可以访问。。。我没思路只好这样了
    今儿改的
    C 语言利用数组实现大数计算
    开始学习 类
  • 原文地址:https://www.cnblogs.com/SZLLQ2000/p/5336021.html
Copyright © 2020-2023  润新知