javascript如何实现页面不跳转

在一个html页面中,需要提交表单给另一个页面,我们希望在后台运行,而不打开新页面,有两种方法:

1、iframe方法







 
用户名:
密码:

test.cgi可以替换为任意要转向的html网页,form的target需要与iframe name保持一致

2、ajax方法

function createXHR()
{
	ar xhr;
	try
	{
		xhr = new ActiveXObject("Msxml2.XMLHTTP");
	}
	catch(e)
	{
		try
		{
			xhr = new ActiveObject("Microsoft.XMLHTTP");
		}
		catch(E)
		{
			xhr = false;
		}
	}

	if(!xhr && typeof XMLHttpRequest != 'undefined')
	{
		xhr = new XMLHttpRequest();
	}
	return xhr;
}

function sender(val)
{
	xhr = createXHR();
	if(xhr)
	{
		xhr.onreadystatechange = callbackFunction;
		xhr.open("GET","test.cgi?"+val);  //调用test.cgi程序,val为需要传递的参数
		xhr.send(null);
	}
	else
	{
		alert("浏览器不支持,请更换浏览器!");
	}
}

function callbackFunction()
{
	if(xhr.readyState == 4)
	{
		if(xhr.status == 200)
		{
			var returnValue = xhr.responseText;//returnValue为test.cgi返回的结果
		}
		else
		{
			alert("页面出现异常!");
		}
	}
}
 
  

你可能感兴趣的:(javascript,xmlhttprequest,iframe)