用js得到网站表单提交的内容

有时我们可能想得到某网站上的表单提交时向服务器发送的数据，最简单的案例：在google搜索页面上点击"google搜索"按钮时，页面向服务器发送了什么？

我们可以分以下几步来完成：

1. 在页面中导入protoype.js

首先我们需要使用firefox来浏览网页，然后安装上firebug插件。

装好后通过firebug在页面中引入prototype.js，运行如下代码：

view plain copy to clipboard print ?

1. var head = document.documentElement.firstChild   
2. var script = document.createElement("script");   
3. script.src=  "http://prototypejs.org/assets/2009/8/31/prototype.js";   
4. head.appendChild(script)  

以上prototype的地址可能在你使用时已经修改，你可能需要修改其URL

等到prototype加载完毕后，再使用prototype的功能分析表单，以google为例，表单的名称为"f",

我们可能通过document.f来得到表单，然后可以使用：document.f.serialize()来得到表单的提交时的数据。

当然如果点按钮时，可能会有按钮动作改变表单内的某些数据，这样的话我们可以给表单加一个submit事件，然后在事件中通过document.f.serialize()来获取数据，这种情况下代码如下：

view plain copy to clipboard print ?

1. document.f.observe("submit", function(event){   
2.     alert(document.f.serialize());   
3.     event.stop()   
4. });  

本文来自优快云博客，转载请标明出处：http://blog.youkuaiyun.com/terryxue/archive/2009/12/14/5002980.aspx