AjaxÌØÐ§ ¶¯Ì¬¼ÓÔØµÄFAQ Ö®ËÄ
·þÎñÆ÷¶ËÏìÓ¦Îļþread_faq.jsp
·þÎñÆ÷ÏìÓ¦Îļþ¸ù¾ÝÓû§´«ÈëµÄfaqId²ÎÊý£¬´ÓÊý¾Ý¿âÖвéÕÒ¶ÔÓ¦µÄFAQÏêϸÐÅÏ¢¡£ÏêϸÐÅÏ¢¿ÉÒÔΪ°üº¬HTML±ê¼ÇµÄÄÚÈÝ¡£²éѯÍê±Ïºó½«½á¹û·µ»Ø¡£
<%@ page contentType="text/plain; charset=UTF-8"%>
<%@ page language="java"%>
<%@ page import="java.sql.*,ajax.db.DBUtils"%>
<%
out.clear(); //Çå¿Õµ±Ç°µÄÊä³öÄÚÈÝ£¨¿Õ¸ñºÍ»»Ðзû£©
String faqIdStr = request.getParameter("faqId"); //»ñÈ¡faqId²ÎÊý
String faqDetail = null; //ÓÃÓÚ±£´æFAQÏêϸÐÅÏ¢
if (faqIdStr != null) {
int faqId = Integer.parseInt(faqIdStr); //½«»ñÈ¡µÄfaqId²ÎÊýת»»ÎªÊý×Ö
String s
Ïà¹ØÎĵµ£º
ÕâÀïµÄajax¿É²»ÊÇ´óÃû¶¦¶¦µÄajax¾ãÀÖ²¿£¬ ÕâËĸö×ÖĸÔÚÕâÀïAsynchronous JavaScript and XMLµÄËõд¡£Í¨Ë×µØÃèÊöÕâÏî¼¼Êõ¾ÍÊÇ£ºÓà JavaScript Ïò·þÎñÆ÷»ñÈ¡Êý¾Ý£¬È»ºó¸üÐÂÍøÒ³µÄ¾Ö²¿£¬¶ø²»ÊÇË¢ÐÂÕû¸öÍøÒ³¡£
ÕâÏî¼¼Êõ·Ç³£ÊʺÏÓÃÀ´¿ª·¢ÒÔä¯ÀÀÆ÷Ϊ¿Í»§¶ËµÄϵͳµÄ½çÃæ£¬Ê¹ÓÃajax¸øÓû§´øÀ´µÄ¸üºÃµÄÌåÑ飬ËûÃDz»»á¸Ð¾õµ½ÓÃä¯À ......
±¾ÆªÎÄÕÂÖ÷Òª½éÉÜÈçºÎÔÚAjaxµÄ¿Í»§¶ËÓë·þÎñ¶ËÖ®¼ä´«ËÍJSON¸ñʽµÄÊý¾Ý¡£ÄÇôÎÒÃÇÏÈÀ´ËµËµÊ²Ã´ÊÇJSON°É¡£
JSON£¬¼´ÊÇJavaScript¶ÔÏó±ê¼Ç·¨£¬Ó¢ÎÄÃû³ÆÊÇJavaScript Object Notation£¬¼ò³ÆJSON
£¬ÊÇ JavaScript Programming Language,
Standard
ECMA-262 3rd Edition - December 1999
µÄ×Ó¼¯ºÏ£¬ÊÇ´ÓJavaScriptµÄo ......
½ñÌ춯̬Ìí¼Óoptionµ½selectlʱ£¬³öÏÖÁËÌí¼ÓºóoptionΪ¿Õ°×£¬¸öÊýÈ´ÕýÈ·µÄÇé¿ö¡£´úÂëÈçÏ£º
for(var i = 0; i < results.length; i++) {
oOption = document.createElement("OPTION");
oOption.value=results[i].child ......
Ò»¡¢XMLHttpRequest ¶ÔÏóµÄ·½·¨ÓëÊôÐÔ
·½ ·¨
Ãè Êö
abort()
Í£Ö¹µ±Ç°ÇëÇó
getAllResponseHeaders()
°ÑHTTPÇëÇóµÄËùÓÐÏìÓ¦Êײ¿×÷Ϊ¼ü/Öµ¶Ô·µ»Ø
getResponseHeader("header")
·µ»ØÖ¸¶¨Êײ¿µÄ´®Öµ
open("method", "url")
½¨Á¢¶Ô·þÎñÆ÷µÄµ÷Óá£method²ÎÊý¿ÉÒÔÊÇGET¡¢POST»òPUT¡£ ......
ͼ1.1 ʵÀýÔËÐÐЧ¹û
1.1.1 ¼¼ÊõÒªµã
¶¯Ì¬¼ÓÔØFAQµÄ¹ý³ÌÖ÷ÒªÊÇÀûÓÃXMLHttpRequest£¨ÒÔϼò³ÆXHR£©¶ÔÏóÓë·þÎñ¶ËͨÐÅ£¬¸ù¾ÝÓû§µ¥»÷µÄ¸ÐÐËȤÎÊÌ⶯̬½«ÄÚÈݼÓÔØµ½Ò³ÃæÖС£ÔÚ¾ßÌåʵÏÖʱ£¬ÓÐÁ½µãҪעÒâµÄÄÚÈÝ¡£
1£®¶Ôÿ¸öÎÊÌâ½øÐÐΨһ±êʶ
FAQÖ÷Òª°üº¬ÎÊÌâÓë½â´ðÁ½¸ö²¿·Ö£¬Óû§µ¥»÷Ò»¸öÎÊÌâʱ£¬·þÎñÆ÷±ØÐëÖªµÀ ......