松鼠的博客

导航

统计

可跨域的不需要XMLHTTP控件的 "AJAX"

原理:服务器调用客户端的脚本函数并动态传递给客户端新的数据。其实应该叫脚本注入而不是Ajax了,不过可以克服Ajax的不可跨域的大毛病

<html>  
<head>  
    
<title>"Ajax" test</title>  
    
<script runat="server" language="c#">  
        
void Page_Load(object sender, EventArgs e)  
        
{  
            string n
=Request.QueryString["n"];  
              
            
if(n!=null)  
            
{  
                Response.Write(string.Format(
"onSucceed('hello {0}');", n));  
                Response.End();  
            }
  
        }
  
    
</script>  
    
<script type="text/javascript">  
        
function invokeServer(url)   
{   
             
var script_old=document.getElementById('temp_script');  
             
if(script_old!=null && document.all)  
             
{  
                script_old.src 
= url;   
                
return;  
             }
  
               
            
var head=document.documentElement.firstChild;   
            
var script=document.createElement('script');   
            script.id
='temp_script';   
            script.type 
= 'text/javascript';   
            script.src 
= url;   
               
               
            
if(script_old!=null)  
               head.replaceChild(script,script_old);   
            
else   
               head.appendChild(script);   
}
           
         
function onSucceed(result)  
         
{  
           alert(result);  
         }
  
          
        
function button_click()  
        
{  
            invokeServer('index.aspx
?n='+document.getElementById('name').value);  
        }
  
          
    
</script>  
</head>  
<body>  

<input type="text" id="name" /><input type="button" value="invoke" onclick="button_click()" />  

</body>  
</html>

posted on   Xproer-松鼠  阅读(199)  评论(0编辑  收藏  举报

编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示