有时我们可能想得到某网站上的表单提交时向服务器发送的数据,最简单的案例:在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()
}
);

只有注册用户登录后才能发表评论。


网站导航:
 

posts - 9, comments - 24, trackbacks - 0, articles - 0

Copyright © terryxue