asp.net中使用iframe实现无刷新功能解决思路
日期：2014-05-18 浏览次数：20464 次
asp.net中使用iframe实现无刷新功能
项目需要做一个录入界面，这个界面有很多TextBox，需向TextBox录入代码，回车后自动刷新，在TextBox显示该代码对应的中文。因为对Javascript不是特别熟悉，麻烦给个例子，谢谢！
------解决方案--------------------
直接使用AJAX,你的需求很简单，网上很多
------解决方案--------------------
要实现无刷新功能还是用AJAX吧,简单实用，这里有很多视频教程
http://bbs.langsin.com/forumdisplay.php?fid=21
------解决方案--------------------
先写一个脚本
function click()
{
var s=document.getElementById( 'textbox1 ');
...
var url= 'XX.aspx?参数 ';
Request(url,其它参数);
}
function CreateXMLHttpRequest() {
var request = false;
if (window.XMLHttpRequest) {
request = new XMLHttpRequest();
if (request.overrideMimeType) {
request.overrideMimeType( 'text/xml ');
}
} else if (window.ActiveXObject) {
try {
request = new ActiveXObject( "Msxml2.XMLHTTP ");
} catch (e) {
try {
request = new ActiveXObject( "Microsoft.XMLHTTP ");
} catch (e) {return false;}
}
}
if (!request) {
alert( 'Create XMLHTTP Object false. ');
return false;
}
return request;
}
function Request(url, 其它参数) {
var http_request = CreateXMLHttpRequest();
var content=new Array();
ShowOrHidden(tableId);
http_request.open( 'GET ', url, true);
http_request.onreadystatechange=function()
{
if(http_request.readyState==4)
{
if(http_request.status==200)
{
document.getElementById( "div_content ").innerHTML =content;;
}
}
}
http_request.send(null);
}
}
}
------解决方案--------------------
用AJAX来实现。。。
------解决方案--------------------
1. xmlhttp + iframe
2. ajxa
------解决方案--------------------
参考页：
http://www.hunanbook.com/Register.html
------解决方案--------------------
如果只是让一边刷新的话js就能解决了
------解决方案--------------------
用iframe和ajax都能实现
不过按你说的流程 用iframe不如ajax实现简单 因为除非你将iframe嵌套的页中已经含有代码转换成中文的程序 否则在后台转换还是要刷新 或者也得后台程序来做 这样还不如直接用ajax
------解决方案--------------------
大家说的很全面了
------解决方案--------------------
这个问题看起来很简单,其实代码却要写好多的,用AJAX实现.我等下发个例子给你
------解决方案--------------------
路过，学习
------解决方案--------------------
我来拉,例子奉上.搞老半天才搞完,郁闷.
content.htm:
<!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 " >
项目需要做一个录入界面，这个界面有很多TextBox，需向TextBox录入代码，回车后自动刷新，在TextBox显示该代码对应的中文。因为对Javascript不是特别熟悉，麻烦给个例子，谢谢！
------解决方案--------------------
直接使用AJAX,你的需求很简单，网上很多
------解决方案--------------------
要实现无刷新功能还是用AJAX吧,简单实用，这里有很多视频教程
http://bbs.langsin.com/forumdisplay.php?fid=21
------解决方案--------------------
先写一个脚本
function click()
{
var s=document.getElementById( 'textbox1 ');
...
var url= 'XX.aspx?参数 ';
Request(url,其它参数);
}
function CreateXMLHttpRequest() {
var request = false;
if (window.XMLHttpRequest) {
request = new XMLHttpRequest();
if (request.overrideMimeType) {
request.overrideMimeType( 'text/xml ');
}
} else if (window.ActiveXObject) {
try {
request = new ActiveXObject( "Msxml2.XMLHTTP ");
} catch (e) {
try {
request = new ActiveXObject( "Microsoft.XMLHTTP ");
} catch (e) {return false;}
}
}
if (!request) {
alert( 'Create XMLHTTP Object false. ');
return false;
}
return request;
}
function Request(url, 其它参数) {
var http_request = CreateXMLHttpRequest();
var content=new Array();
ShowOrHidden(tableId);
http_request.open( 'GET ', url, true);
http_request.onreadystatechange=function()
{
if(http_request.readyState==4)
{
if(http_request.status==200)
{
document.getElementById( "div_content ").innerHTML =content;;
}
}
}
http_request.send(null);
}
}
}
------解决方案--------------------
用AJAX来实现。。。
------解决方案--------------------
1. xmlhttp + iframe
2. ajxa
------解决方案--------------------
参考页：
http://www.hunanbook.com/Register.html
------解决方案--------------------
如果只是让一边刷新的话js就能解决了
------解决方案--------------------
用iframe和ajax都能实现
不过按你说的流程 用iframe不如ajax实现简单 因为除非你将iframe嵌套的页中已经含有代码转换成中文的程序 否则在后台转换还是要刷新 或者也得后台程序来做 这样还不如直接用ajax
------解决方案--------------------
大家说的很全面了
------解决方案--------------------
这个问题看起来很简单,其实代码却要写好多的,用AJAX实现.我等下发个例子给你
------解决方案--------------------
路过，学习
------解决方案--------------------
我来拉,例子奉上.搞老半天才搞完,郁闷.
content.htm:
<!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 " >
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
