基本的import.io html搜索

时间:2014-06-01 02:41:10

标签: javascript jquery import.io

因此,如果您有任何刮刮或特别是import.io的经验,它会有所帮助,因为import.io正是我正在使用的...虽然我认为我的问题只是关于JS真的......

我真的只想将一个基本的html输入连接到import.io JS代码,这样我就可以进行自定义搜索

http://jsfiddle.net/LSng3/1/

"input": {
      var search_name = document.getElementsByName("search_name").value;
      "search_name": search_name
}

<input name="search_name" placeholder="doesnt work :(">

Heres my go ...它是基本的工作import.io JS示例。我尝试为输入名称添加一个变量,并将该变量添加为搜索项,但仅此一项不起作用...

我联系了import.io团队,他们说他们将来会尝试制作一个更简单的教程,但现在试着看看他们有的粒子示例,其中包含一个搜索输入,但示例太大了让我解构只是为了看看输入是如何工作的。

继承我上传到我的服务器的粒子示例,所以你可以看到它工作虽然它有点慢 - &gt; http://www.originalengine.com/scrape/

1 个答案:

答案 0 :(得分:3)

请在此处找到您的代码的修改版本,它似乎可以产生正确的结果:http://jsfiddle.net/zNSbk/

这是修改后的功能:

var doTestQuery = function() {
  // Query for tile myTestScrape2
  var search_name = document.getElementById("myInput").value;
  console.error(search_name);
  importio.query({
    "connectorGuids": [
      "a2201b40-7acc-4a3d-a3ed-30e71e018ffa"
    ],
    "input": {
      "search_name": search_name
    }
  }, { "data": dataCallback, "done": doneCallback });
}

我为实现这一目标而采取的步骤(并非所有步骤都可能需要,但它是我正在玩的内容的总结):

  • 重新定义了提交调用的函数,因此没有可能与我们在脚本中定义的那个碰撞
  • 移动&#34; search_name&#34;的创建变量超出了importio.query
  • 的JSON参数
  • 为输入分配了一个ID,并将其与getElementById一起使用,而不是使用名称(因为这将返回一个数组)