<html>
<head>
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
jQuery.noConflict();
// Use jQuery via jQuery(...)
jQuery(document).ready(function(){
jQuery("div").hide();
});
// Use Prototype with $(...), etc.
$('someid').style.display = 'none';
</script>
</head>
<body></body>
</html>
鏂規硶浜岋細
<html>
<head>
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
var $j = jQuery.noConflict();
// Use jQuery via $j(...)
$j(document).ready(function(){
$j("div").hide();
});
// Use Prototype with $(...), etc.
$('someid').style.display = 'none';
</script>
</head>
<body></body>
</html>
鏂規硶涓夛細
<html>
<head>
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
jQuery.noConflict();
// Put all your code in your document ready area
jQuery(document).ready(function($){
// Do jQuery stuff using $
$("div").hide();
});
// Use Prototype with $(...), etc.
$('someid').style.display = 'none';
</script>
</head>
<body></body>
</html>
鎵撳紑緗戠珯寮€濮嬪鎵炬垜鐨勭洰鏍?鍙戠幇榪欎釜涓滆タ灞呯劧鏈夊ソ澶氱増鏈?姣斿
璇村疄璇?鐪嬪埌榪欎簺鐜╂剰,蹇冮噷闈㈤】鏃舵槸鍑変簡鍗婃埅.
濂藉鍚嶈瘝!!!
.鐪嬬潃榪欎簺涓滆タ鎰熻鑷繁鐗瑰埆鏃犵煡.騫稿ソ澶у鑴哥啛,蹇冮噷闈㈢殑铏氳崳蹇冭繕娌℃湁璺屽€掍綆璋?
鐐瑰嚮涓€涓摼鎺?姣旂幇鍦ㄥ涓€鍊嶇殑鏂伴摼鎺ュ嚭鐜板湪鐪煎墠,姣忎竴涓摼鎺ヤ唬琛ㄤ竴涓煡璇嗙偣.欏甸潰鍛堢幇鐨勪竴鐬棿鐞嗘櫤绔嬪埢宕╂簝浜?鍙槸涓€涓悕涓嶈緇忎紶鐨刯son灝辨湁濡傛涔嬪鐨勭煡璇?閭d箞鍏朵粬鐨?......闈㈠鏃犵┓鏃犲敖鐨勭煡璇嗘搗媧?涓嶇敱鐞嗚В浜嗙煡璇嗘槸瀛︿笉瀹岃繖鍙ヨ瘽.
鍦ㄧ煡璇嗙垎鐐哥殑浠婂ぉ,涔熻鍙湁"鐜扮敤鐜板"鏄В鍐寵繖縐嶆儏鍐電殑鏈€濂藉姙娉?
鍙槸闈㈠榪欎簺涓滆タ,寮€濮嬭寰楅偅鍙?"鐜扮敤鐜板"鏄涔堟亹鎬栫殑涓€縐嶅鐣?榪欑涓滆タ鐜板浜嗚兘椹笂浼氱敤,鐢ㄤ笉鏄棶棰?闂鏄敤榪欎簺鏂頒笢瑗胯繕鑳界畻鍑哄伐紼嬭繘搴?榪樿兘緙栧嚭鍙互緇存姢鐨勪唬鐮?濡傛灉鍐嶈兘淇濊瘉浠g爜鐨勫仴澹€?閭?.......
榪欓噷涓嶇敱鎯沖埌鍙︿竴涓棶棰?涓轟粈涔堢幇鐢ㄧ幇瀛﹁繕鑳界敤鍛?濡傛灉鏄叏鏂扮殑涓滆タ,蹇€熺殑瀛︿範鑲畾紲炰粰涔熷仛涓嶄簡.鎵€浠ョ湅璧鋒潵鍏ㄦ柊鐨勭煡璇嗗簲璇ユ湁鐩稿簲鐨勫叡閫氱偣.
鏄笉鏄洜涓洪潰鍚戝璞$殑鎬濇兂鍛?涓漢鐚滄祴,鍙兘鎬ф瘮杈冨ぇ,鍥犱負涓€鏃﹀彉鎴愬璞′簡,灝卞彲浠ヤ笉綆′粬浠殑瀹炵幇鏂瑰紡,涓€寰嬪綊鍒板凡鏈夌殑闈㈠悜瀵硅薄鐨勬€濊礬涓潵,鏃犻潪鏄浜嗗嚑涓柊鍏冪礌瑕佽鑰屽凡.瑕佹槸榪欐牱,鐪熷簲璇ユ劅璋㈤潰鍚戝璞?
<%@ page contentType="text/html; charset=GBK" %>
<html>
<head>
<title>
JSON紺轟緥
</title>
<script type="text/javascript" src="zxml.src.js"></script>
<script type="text/javascript" src="json.js"></script>
<script type="text/javascript">
聽var xmlHttp;
聽聽聽聽聽聽聽
聽聽聽聽聽聽聽 //鍒涘緩瀵硅薄
聽聽聽聽聽聽聽 function createXMLHttpRequest(){
聽聽聽聽聽聽聽 聽xmlHttp = zXmlHttp.createRequest();
聽聽聽聽聽聽聽 }
聽聽聽聽聽聽聽
聽聽聽聽聽聽聽 function doJSON(){
聽聽聽聽聽聽聽聽聽 聽//寰楀埌Car瀵硅薄
聽聽聽聽聽聽聽 聽var car = getCarObject();
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 //鐢↗SON瀛楃涓插寲car瀵硅薄
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 var carAsJSON = car.toJSONString();
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 alert("姹借濺瀵硅薄JSON鍖栦負:\n" + carAsJSON);
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 var url = "JSONExample?timeStamp=" + new Date().getTime();
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 //鍒涘緩瀵硅薄
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 createXMLHttpRequest();
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 xmlHttp.open("POST",url,true);
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 xmlHttp.onreadystatechange = handleStateChange;
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 xmlHttp.setRequestHeader("Content-Type","application/x-www-form.urlencoded");
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 xmlHttp.send(carAsJSON);
聽聽聽聽聽聽聽 }
聽聽聽聽聽聽聽
聽聽聽聽聽聽聽 //鍥炶皟鏂規硶
聽聽聽聽聽聽聽 function handleStateChange(){
聽聽聽聽聽聽聽 聽if (xmlHttp.readyState == 4){
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 聽if (xmlHttp.status == 200){
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 聽parseResults();
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 }
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 }
聽聽聽聽聽聽聽 }
聽聽聽聽聽聽聽
聽聽聽聽聽聽聽 //瑙f瀽緇撴灉
聽聽聽聽聽聽聽 function parseResults(){
聽聽聽聽聽聽聽 聽var responseDiv = document.getElementById("serverResponse");
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 if (responseDiv.hasChildNodes()){
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 聽responseDiv.removeChild(responseDiv.childNode[0]);
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 }
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 var responseText = document.createTextNode(xmlHttp.responseText);
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 responseDiv.appendChild(responseText);
聽聽聽聽聽聽聽 }
聽聽聽聽聽聽聽
聽聽聽聽聽聽聽 //寰楀埌Car瀵硅薄
聽聽聽聽聽聽聽 function getCarObject(){
聽聽聽聽聽聽聽 聽return new Car("Dodge","Coronet R/T",1968,"yellow");
聽聽聽聽聽聽聽 }
聽聽聽聽聽聽聽
聽聽聽聽聽聽聽
聽聽聽聽聽聽聽 //Car鏋勯€犲嚱鏁?br />聽聽聽聽聽聽聽 function Car(make,model,year,color){
聽聽聽聽聽聽聽 聽this.make = make;
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 this.model = model;
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 this.year = year;
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 this.color = color;
聽聽聽聽聽聽聽 }
</script>
</head>
<body>
<br /><br />
<form action="#">
聽 <input type="button" value="鍙戦€丣SON鏁版嵁" onclick="doJSON();"/>
</form>
<h2>
聽 鏈嶅姟鍣ㄥ搷搴旓細
</h2>
<div id="serverResponse">
</div>
</body>
</html>
聽聽聽 鏈嶅姟鍣細JSONExample.java
package ajaxbook.chap4;
import java.io.*;
import java.net.*;
import java.text.ParseException;
import javax.servlet.*;
import javax.servlet.http.*;
import org.json.JSONObject;
public class JSONExample
聽聽聽 extends HttpServlet {
聽 //澶勭悊Post鏂規硶
聽 protected void doPost(HttpServletRequest request,
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 HttpServletResponse response) throws ServletException,
聽聽聽聽聽 IOException {
聽聽聽 String json = readJSONStringFromRequestBody(request);
聽聽聽 //浣跨敤JSON緇戝瓧Ajax瀵硅薄
聽聽聽 JSONObject jsonObject = null;
聽聽聽 try {
聽聽聽聽聽 jsonObject = new JSONObject(json);
聽聽聽 }
聽聽聽 catch (ParseException pe) {
聽聽聽聽聽 System.out.println("ParseException: " + pe.toString());
聽聽聽 }
聽聽聽 //榪斿洖杈撳嚭緇撴灉
聽聽聽 String responseText = "You have a " + jsonObject.getInt("year") + " "
聽聽聽聽聽聽聽 + jsonObject.getString("make") + " " + jsonObject.getString("model")
聽聽聽聽聽聽聽 + " " + " that is " + jsonObject.getString("color") + " in color.";
聽聽聽 response.setContentType("text/xml");
聽聽聽 response.getWriter().print(responseText);
聽 }
聽 //寰楀埌鍙傛暟
聽 private String readJSONStringFromRequestBody(HttpServletRequest request) {
聽聽聽 StringBuffer json = new StringBuffer();
聽聽聽 String line = null;
聽聽聽 try {
聽聽聽聽聽 BufferedReader reader = request.getReader();
聽聽聽聽聽 while ( (line = reader.readLine()) != null) {
聽聽聽聽聽聽聽 json.append(line);
聽聽聽聽聽 }
聽聽聽 }
聽聽聽 catch (Exception e) {
聽聽聽聽聽 System.out.println("Error reading JSON string: " + e.toString());
聽聽聽 }
聽聽聽 return json.toString();
聽 }
}
聽
娉ㄦ剰錛氳寮曞叆json.js鍜宩son鐨勬簮鏂囦歡錛屼嬌鐢╦son.jar涓嶈錛屾簮鏂囦歡鍙傝涔︾睄婧愪唬鐮佺涓夌珷
鍙傝€冿細Ajax鍩虹鏁欑▼聽 浣滅瑪璁板惂聽
Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=975204
1銆佹垜浠湪鍋氶獙璇佺爜鐨勬椂鍊欏線寰€鐢變簬瑕佸弽浣滃紛錛岄獙璇佹湁鏃舵晠鎰忓姞鍏ュ鐨勫共鎵板洜绱狅紝榪欐椂楠岃瘉鐮佹樉紺轟笉寰堟竻妤氾紝鐢ㄦ埛緇忓父杈撳叆閿欒銆傝繖鏍蜂笉浣嗚閲嶆柊鍒鋒柊欏甸潰錛屽鑷寸敤鎴鋒病鏈夌湅娓呮楠岃瘉鐮佽€岄噸濉€屼笉鏄慨鏀癸紝鑰屼笖濡傛灉娌℃湁鐢╯ession淇濆瓨涓嬬敤鎴瘋緭鍏ョ殑鍏跺畠鏁版嵁鐨勮瘽(濡傚鍚?錛岀敤鎴峰垰鍒氳緭鍏ョ殑鍐呭涔熶笉瀛樺湪浜嗭紝榪欐牱緇欑敤鎴烽€犳垚涓嶅ソ鐨勪綋楠屻€?
2銆佹湰渚嬪湪鍘熸湁楠岃瘉鏂瑰紡鍩虹涔嬩笂澧炲姞涓€孌礿s錛岄€氳繃xmlhttp鏉ヨ幏鍙栬繑鍥炲€鹼紝浠ユ鏉ラ獙璇佹槸鍚︽湁鏁堬紝榪欐牱鍗充嬌鐢ㄦ埛嫻忚鍣ㄤ笉鏀寔js錛屼篃涓嶄細褰卞搷浠栫殑姝e父浣跨敤浜嗐€?
3銆佷負浜嗛槻姝綔寮婏紝褰撶敤鎴瘋繛鎺?嬈¤緭鍏ラ敊璇椂鍒欓噸杞戒竴涓嬪浘鐗囷紝榪欐牱涔熷埄浜庣敤鎴峰洜涓哄浘鐗囦笂鐨勯獙璇佺爜杈ㄨ涓嶆竻鑰屼嬌鍏剁粓鏃犳硶杈撳叆姝g‘銆?
4銆佹湰渚嬭繕鐗瑰埆閫傚悎媯€楠岀敤鎴峰悕鏄惁鏈夋晥錛屽彧瑕佷粠鍚庡彴鍋氫釜sql鏌ヨ錛岃繑鍥炰竴涓€兼垨鏄痻ml鍗沖彲銆?榪欑渚嬪瓙澶 錛屽氨鍦ㄦ涓嶈禈榪頒簡)銆?
5銆佹湰渚嬬殑浼樼偣鍦ㄤ簬闈炲父鏂逛究鐢ㄦ埛杈撳叆錛岃€屼笖鍑忓皯瀵規湇鍔″櫒绔殑璇鋒眰錛屽彲浠ヨ鏃㈡敼鍠勭敤鎴蜂綋楠岃€屼笖鐣ヤ細鑺傜渷甯﹀鎴愭湰錛屼絾鐩稿簲鍦拌鍦ㄩ〉闈笂澧炲姞涓€孌礘avaScript浠g爜錛屽湪鐩墠緗戦€熻秺鏉ヨ秺蹇漢浠姹備究鎹瘋垝閫傜殑浠婂ぉ錛屼技涔庢垜浠洿搴旀敞鎰忔彁渚涚粰鐢ㄦ埛鑹ソ鐨勪嬌鐢ㄦ劅鍙椼€?
浠g爜濡備笅錛?/p>
1銆乮mg.jsp,杈撳叆涓婚〉闈?/strong>
|
2銆乶um.jsp,鍙嶉xmlhttp璇鋒眰鐨勯〉闈?/strong>
|
3銆乺andom.jsp,鐢熸垚楠岃瘉鐮佸浘鐗囩殑欏甸潰
|
|
錛堣矗浠葷紪杈?鐏嚖鍑?sunsj@51cto.com聽 TEL錛氾紙010錛?8476636-8007錛?br />
瀵逛簬璺ㄥ煙璋冪敤錛孧odello.ajax 閲囩敤鍦ㄦ湰鍩熸湇鍔″櫒璁劇疆涓€涓腑杞?proxy 鐨勬柟寮忋€備嬌鐢?proxy 鏂瑰紡鍙互涓嶇敤瀵逛釜鍒祻瑙堝櫒榪涜鐗規畩璁劇疆錛屼笉鐢ㄤ緷璧栧叿浣撶殑鏈嶅姟鍣紝騫朵笖鍏峰鎵╁睍鑳藉姏絳変紭鐐廣€傞殢 Modello.ajax 宸ュ叿闆嗘彁渚涚殑 proxy 鐢?php 鍐欐垚錛屽彲榪愯 php 鐨勬湇鍔″櫒閮藉彲浠ュ畨瑁呫€傦紙浠ヤ笂鍐呭杞嚜銆夾jax Wing: 璺ㄥ煙Ajax宸ュ叿: Modello.ajax銆?/a>錛?/p>
<script type="text/javascript" src="js/modello.js"></script>
<script type="text/javascript" src="js/modello.ajax.js"></script>
<script>
Define('URLGET_PROXY', 'jsproxy.php');
var urlget = Class.get('modello.ajax.Urllib').urlget;
var url = "var response = urlget(url);
alert("璺ㄥ煙璇鋒眰URL鍦板潃"+url);
var myresult = response.getXML();
alert("Ajax鎻愬彇錛氣€?+myresult.childNodes[1].childNodes[0].childNodes[0].text+"鈥濇垚鍔?);
</script>