请教javascript是否可以处理用户输入的表格数据，将处理后的结果提交到服务器
日期：2014-05-16 浏览次数：20294 次
请问javascript是否可以处理用户输入的表格数据，将处理后的结果提交到服务器？
假设有这样一个HTML表格，当用户在文本框中输入数据后，点击提交，这时候javascript会将用户输入的内容做处理，例如去除两边的空格(trim方法)，然后将处理后的结果提交到服务器，请问这种情况是否可以用javascript实现？
------解决方案--------------------
<html>
<head>
<title></title>
<script type="text/javascript">
String.prototype.trim=function()
{
return this.replace(/^\s+|\s+$/g,"");
}
function creatXMLHttpRequest()
{
var xmlhttp;
if (window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest(); // code for IE7+, Firefox, Chrome, Opera, Safari
}
else
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");// code for IE6, IE5
}
return xmlhttp;
}
//url=处理数据的页面
//value=提交处理的数据(参数格式:"id=xxx"、"id=xxx&name=xxx")
//备注:后台处理页面通过HttpContext.Current.Request.QueryString["id"]获取回传的参数
function sendAjaxRequest(url,value)
{
var xmlhttp=creatXMLHttpRequest();
if(xmlhttp!=undefined)
{
try
{
xmlhttp.onreadystatechange=function()
{
if(xmlhttp.readyState==4 && xmlhttp.status==200)
{
//在这边执行成功处理后的方法
alert(xmlhttp.responseText); //响应数据形式，这边是字符串形式。例外还有有xml 格式的responseXML等
}
}
xmlhttp.open("POST",url,true);
xmlhttp.send(value);
}
catch(e){}
}
else
{
alert("Error");
}
}
//提交操作
function submit()
{
var name=document.getElementById("txtname").value;
sendAjaxRequest("xxxxxx","name="+name.trim());
}
</script>
</head>
<body>
<input type="text" id="txtname" />
<input type="button" value="提交" onclick="submit()" />
</body>
</html>
------解决方案--------------------
<input type="submit" value="提交" onclick="return checkFrom()" />
js定义一个checkFrom方法；
function checkFrom(){
//处理表单 提交表单验证 验证不正确return false 就不会提交
}
------解决方案--------------------
假设有这样一个HTML表格，当用户在文本框中输入数据后，点击提交，这时候javascript会将用户输入的内容做处理，例如去除两边的空格(trim方法)，然后将处理后的结果提交到服务器，请问这种情况是否可以用javascript实现？
------解决方案--------------------
<html>
<head>
<title></title>
<script type="text/javascript">
String.prototype.trim=function()
{
return this.replace(/^\s+|\s+$/g,"");
}
function creatXMLHttpRequest()
{
var xmlhttp;
if (window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest(); // code for IE7+, Firefox, Chrome, Opera, Safari
}
else
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");// code for IE6, IE5
}
return xmlhttp;
}
//url=处理数据的页面
//value=提交处理的数据(参数格式:"id=xxx"、"id=xxx&name=xxx")
//备注:后台处理页面通过HttpContext.Current.Request.QueryString["id"]获取回传的参数
function sendAjaxRequest(url,value)
{
var xmlhttp=creatXMLHttpRequest();
if(xmlhttp!=undefined)
{
try
{
xmlhttp.onreadystatechange=function()
{
if(xmlhttp.readyState==4 && xmlhttp.status==200)
{
//在这边执行成功处理后的方法
alert(xmlhttp.responseText); //响应数据形式，这边是字符串形式。例外还有有xml 格式的responseXML等
}
}
xmlhttp.open("POST",url,true);
xmlhttp.send(value);
}
catch(e){}
}
else
{
alert("Error");
}
}
//提交操作
function submit()
{
var name=document.getElementById("txtname").value;
sendAjaxRequest("xxxxxx","name="+name.trim());
}
</script>
</head>
<body>
<input type="text" id="txtname" />
<input type="button" value="提交" onclick="submit()" />
</body>
</html>
------解决方案--------------------
<input type="submit" value="提交" onclick="return checkFrom()" />
js定义一个checkFrom方法；
function checkFrom(){
//处理表单 提交表单验证 验证不正确return false 就不会提交
}
------解决方案--------------------
- JScript code
//JS代码
function Sub()
{
var valule=$('#用户名ID').val();
var str=valule.replace(/^\s+|\s+$/g,"");
$.get("要处理的后台地址如：aa.aspx",{str:str},function(msg){
//回调方法
})
}
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
