知识在于积累(.NET之路……)

导航

ajax提交form表单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>send string</title>
<script language=javascript>


var xmlhttp;
function createxmlhttprequest()
{
if(window.ActiveXObject)
{
xmlhttp
=new ActiveXObject((navigator.userAgent.toLowerCase().indexOf('msie 5') != -1) ? 'Microsoft.XMLHTTP' : 'Msxml2.XMLHTTP');
}
}
function sendstring()
{
for(var i=0;i<2;i++)
{
createxmlhttprequest();
xmlhttp.onreadystatechange
=statechange;
xmlhttp.open(
'POST','ajax.aspx',false);
xmlhttp.setRequestHeader(
'Content-Type', 'application/x-www-form-urlencoded');
xmlhttp.send(getFormQueryString(
"ff"));
}
}
function statechange()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById(
"x").innerHTML=xmlhttp.responseText;
}
}


function Button1_onclick() {
sendstring();
}
//得到一个表单里的全部信息
function getFormQueryString(frmID)

{
var frmID=document.getElementById(frmID);
var i,queryString = "", and = "";

var item; // for each form's object

var itemValue;// store each form object's value



for( i=0;i<frmID.length;i++ )

{

item
= frmID[i];// get form's each object



if ( item.name!='' )

{

if ( item.type == 'select-one' )

{

itemValue
= item.options[item.selectedIndex].value;

}

else if ( item.type=='checkbox' || item.type=='radio')

{

if ( item.checked == false )

{

continue;

}

itemValue
= item.value;

}

else if ( item.type == 'button' || item.type == 'submit' || item.type == 'reset' || item.type == 'image')

{
// ignore this type

continue;

}

else

{

itemValue
= item.value;

}



itemValue
= encodeURIComponent(itemValue);

queryString
+= and + item.name + '=' + itemValue;

and
="&";

}

}



return queryString;

}


</script>
</head>
<body >
<form id=ff name=ff>
<input type=text id="tbx" name="tbx" />
<input id="Button1" type="button" value="button" language="javascript" onclick="return Button1_onclick()" /><br />
<br />
<br />
<div id=x></div>


asdf
<input id="Checkbox1" name="weew" type="checkbox" />
<input id="Radio1" name="sdfsdf" type="radio" />
<input id="Radio2" checked="checked" name="fff" type="radio" />
<textarea id="TextArea1" cols="20" name="wr2234" rows="2"></textarea>
<select id="Select1" name="fff">
<option selected="selected" value="1">dsf</option>
<option value="2">214312</option>
<option value="3">23421</option>
</select>
</form>

</body>
</html>

posted on 2011-05-03 23:35  汤尼  阅读(352)  评论(0编辑  收藏  举报