ajax post example
<mce:script type="text/javascript" language="javascript"><!--
var http_request = false;
function makePOSTRequest(url, parameters) {
http_request = false;
if (window.XMLHttpRequest) { // Mozilla, Safari,...
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {
// set type accordingly to anticipated content type
//http_request.overrideMimeType('text/xml');
http_request.overrideMimeType('text/html');
}
} else if (window.ActiveXObject) { // IE
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!http_request) {
alert('Cannot create XMLHTTP instance');
return false;
}
http_request.onreadystatechange = alertContents;
http_request.open('POST', url, true);
http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
http_request.setRequestHeader("Content-length", parameters.length);
http_request.setRequestHeader("Connection", "close");
http_request.send(parameters);
}
function alertContents() {
if (http_request.readyState == 4) {
if (http_request.status == 200) {
//alert(http_request.responseText);
result = http_request.responseText;
document.getElementById('myspan').innerHTML = result;
} else {
alert('There was a problem with the request.');
}
}
}
function get(obj) {
var poststr = "mytextarea1=" + encodeURI( document.getElementById("mytextarea1").value ) +
"&mytextarea2=" + encodeURI( document.getElementById("mytextarea2").value );
makePOSTRequest('post.php', poststr);
}
// --><
Ïà¹ØÎĵµ£º
Ò»£ºÇ°¶Ëjs´úÂ룬Ö÷Òª¸ºÔð´´½¨ajaxºÍ¶¯Ì¬Éú³ÉÇøÓòÁбí
<script type="text/javascript">
//iʼÖÕÖ¸Ïò×îºóÒ»¸öselect
var i=1;
//´´½¨XMLHttpRequest¶ÔÏó
var XMLHttpReq;
&n ......
Ajax(Asynchronous JavaScript and XML)ÊÇÒ»¸ö½áºÏÁËJava¼¼Êõ¡¢XML¡¢ÒÔ¼°JavaScriptµÄ±à³Ì¼¼Êõ£¬¿ÉÒÔÈÃÄã¹¹½¨»ùÓÚJava¼¼ÊõµÄWebÓ¦Ó㬲¢´òÆÆÁËʹÓÃÒ³ÃæÖØÔØµÄ¹ßÀý¡£
Ajax£¬Òì²½JavaScriptÓëXML£¬ÊÇʹÓÿͻ§¶Ë½Å±¾ÓëWeb·þÎñÆ÷½»»»Êý¾ÝµÄWebÓ¦Óÿª·¢·½·¨¡£ÕâÑù£¬WebÒ³Ãæ²»Óôò¶Ï½»»¥Á÷³Ì½øÐÐÖØÐ¼Ӳ㬾ͿÉÒÔ¶¯Ì¬µØ¸üС£Ê ......
ajax.open·½·¨ÖУ¬µÚ3¸ö²ÎÊýÊÇÉèͬ²½»òÕßÒì²½¡£prototypeµÈjsÀà¿âÒ»°ã¶¼Ä¬ÈÏΪÒì²½£¬¼´ÉèΪtrue¡£
ÏÈ˵ÏÂͬ²½µÄ
Çé¿öÏ£¬js»áµÈ´ýÇëÇ󷵻أ¬»ñÈ¡status¡£²»ÐèÒªonreadystatechangeʼþ´¦Àíº¯Êý¡£
¶øÒì²½ÔòÐèÒª
onreadystatechangeʼþ´¦Àí£¬ÇÒֵΪ4ÔÙÕýÈ·´¦ÀíÏÂÃæµÄÄÚÈÝ
......
AjaxµÄÎÞˢзÖÒ³
ÕâÀïÒÔÁ½¸öÎļþ½øÐдúÂëÏÔʾһ¸öÊÇajax·ÖҳʵÏÖµÄÎļþ£¬ÁíÒ»¸öÊÇ·ÖÒ³ÀàÎļþ
Îļþ1.ajax_page.php
<script type="text/javascript" language="javascript">
function createXMLHttp()
{
var browser=navigator.appName; //get the current browser
......
ÔÚVisual StudioÖУ¬ËùÓеÄASP.NET 2.0¿Ø¼þ¶¼ÊÇ×Ô¶¨Òå¿Ø¼þ£¬´´½¨×Ô¼ºµÄ×Ô¶¨Òå¿Ø¼þÒ»°ãÐèÒªÍê³ÉÒÔÏÂÈý²½¡£
(1)ÔÚÕ¾µãAPP_CodeÏ´´½¨Ò»¸öÐÂÀࣻ
(2)ÐÞ¸ÄÕâ¸öÀ࣬ÈÃËü³ÉΪWebControlÀà(°üº¬ÔÚSystem.Web.UI.WebControlsÃüÃû¿Õ¼ä)µÄÅÉÉúÀࣻ
(3)ÖØÐ´»ùÀà(¼´WebControlÀà)µÄRenderContents()·½·¨¡£
ÏÂÃæÊÇÒ»¸ö×î¼òµ¥µÄASP.NE ......