Ajax备忘

原创于 2015-03-30 19:10:01 发布 · 378 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

JavaScript 专栏收录该内容

5 篇文章

订阅专栏

一.ajax通过get方式返回txt

var http_request = false;
function createRequest(url) {  //正对不同浏览器创建XMLHttpRequest
	http_request = false;
	if (window.XMLHttpRequest) { 										
		http_request = new XMLHttpRequest();
		if (http_request.overrideMimeType) {
			http_request.overrideMimeType("text/xml");
		}
	} else if (window.ActiveXObject) { 								
		try {
			http_request = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				http_request = new ActiveXObject("Microsoft.XMLHTTP");
		   } catch (e) {}
		}
	}
	if (!http_request) {
		alert("不能创建XMLHTTP实例!");
		return false;
	}
	http_request.onreadystatechange = alertContents;   //指定回调函数
	
	http_request.open("GET", url, true);	//构建							 
	http_request.send(null);                //发送
}

function alertContents() {                      //写回调函数
	if (http_request.readyState == 4) {
		if (http_request.status == 200) {

			alert(http_request.responseText);   //这里写具体js方法
		} else {
			alert('您请求的页面发现错误');
		}
	}
}

function check(){      //这里写触发事件的函数
  if($("#txt")[0].value==""){
  alert("请输入内容！");
  $("#txt")[0].focus();
  
  }
  else{
   createRequest("test.php"); //这里传输url，可以传递信息，如url="test.php?txt_name="+txt_name+"&txt_age="+txt_age; 在php中类似$_GET[txt_name]这样调用

                              //另外这个php文件不能用html标记，否则会把整个文档都返回
  }
}

二.ajax通过post方式返回txt

post与get都需要把传递的值写入"A="+A+"&B="+B 这样的字符串中，类似url的写法，在php用$_POST[A]这样调用。另外post还需要写一句

ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

<script language="javascript"> 
function saveUserInfo() 
{ 

  var url = "test.php"; 

  //var info   = "txt_name="+ txt_name +"txt_age="+ txt_age ; 在php中用$_POST[txt_name]这样调用
   var info   = "txt=123"; 

  var ajax = false; 

  if(window.XMLHttpRequest)  
{   
     ajax = new XMLHttpRequest(); 
     if (ajax.overrideMimeType)  
      {  
            ajax.overrideMimeType("text/xml"); 

      } 
    } 
    else if (window.ActiveXObject)  

    { 
        try 

        { 

            ajax = new ActiveXObject("Msxml2.XMLHTTP"); 
        }  
        catch (e)  
        { 
            try 
            { 
                ajax = new ActiveXObject("Microsoft.XMLHTTP");  
            }   
            catch (e) {}  
         } 
    }  
    if (!ajax)  
    {  
        window.alert("不能创建XMLHttpRequest对象实例."); 
        return false; 
    } 
	 ajax.onreadystatechange = function()  
    {  
        if (ajax.readyState == 4 && ajax.status == 200)  
      {  
           alert(ajax.responseText);		   
        }  
    }  

    ajax.open("POST", url, true); 
    ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
    ajax.send(info); 
   
} 


</script>