Posted on 2009-12-17 17:40
terryxue 阅读(2086)
评论(0) 编辑 收藏 所属分类:
javascript
有时我们可能想得到某网站上的表单提交时向服务器发送的数据,最简单的案例:在google搜索页面上点击"google搜索"按钮时,页面向服务器发送了什么?
我们可以分以下几步来完成:
1. 在页面中导入protoype.js
首先我们需要使用firefox来浏览网页,然后安装上firebug插件。
装好后通过firebug在页面中引入prototype.js,运行如下代码:
var head = document.documentElement.firstChild
var script = document.createElement("script");
script.src= "http://prototypejs.org/assets/2009/8/31/prototype.js";
head.appendChild(script)
以上prototype的地址可能在你使用时已经修改,你可能需要修改其URL
等到prototype加载完毕后,再使用prototype的功能分析表单,以google为例,表单的名称为"f",
我们可以通过document.f来得到表单,然后可以使用:document.f.serialize()来得到表单的提交时的数据。
当然如果点提交按钮时,可能会有按钮动作改变表单内的某些数据,这样的话我们可以给表单加一个submit事件,然后在事件中通过document.f.serialize()来获取数据,这种情况下代码如下:
document.f.observe("submit", function(event){
alert(document.f.serialize());
event.stop()
});