jQuery Ajax 应用实例

最新推荐文章于 2024-10-18 19:02:29 发布

Kant_Future

最新推荐文章于 2024-10-18 19:02:29 发布

阅读量2.2k

点赞数

文章标签： jquery ajax stylesheet function 服务器 string

本文链接：https://blog.csdn.net/liuxiit/article/details/5769665

版权

根据服务器端返回的数据格式的不同，分为三种情况:

1)服务器返回JSON格式的数据:

getJSON.html文件的内容如下:

已有评论

getJSON.jsp的内容如下:

2.服务器返回XML格式的数据:

getXMLData.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
    <link rel="stylesheet" type="text/css" href="../css/ui-lightness/jquery-ui-1.8.1.custom.css" mce_href="css/ui-lightness/jquery-ui-1.8.1.custom.css">
    <mce:script type="text/javascript" src="../js/jquery.js" mce_src="js/jquery.js"></mce:script>
    <mce:script type="text/javascript"></mce:script>
</head>
<body>
    <form id="form1" action="#">
     <p>评论:</p>
     <p>姓名:<input type="text" name="username" id="username"/></p>
     <p>内容:<textarea name="content" id="content" 	rows="3" cols="20">

已有评论

getXMLData.jsp:

3.服务器端返回HTML格式数据:

getHTMLData.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
    <link rel="stylesheet" type="text/css" href="../css/ui-lightness/jquery-ui-1.8.1.custom.css" mce_href="css/ui-lightness/jquery-ui-1.8.1.custom.css">
    
    <mce:style></mce:style><style mce_bogus="1">* { margin:0; padding:0;}
body { font-size:12px;}
.comment { margin-top:10px; padding:10px; border:1px solid #ccc;background:#DDD;}
.comment h6 { font-weight:700; font-size:14px;}
.para { margin-top:5px; text-indent:2em;background:#DDD;}</style>
    <mce:script type="text/javascript" src="../js/jquery.js" mce_src="js/jquery.js"></mce:script>
    <mce:script type="text/javascript"></mce:script>
</head>
<body>
     <form id="form1" action="#">
     <p>评论:</p>
     <p>姓名:<input type="text" name="username" id="username"/></p>
     <p>内容:<textarea name="content" id="content" 	rows="3" cols="20">

已有评论

getXMLData.jsp:

get方法介绍:

$.get(url [,data] [,callback] [,type]);

url:向服务器请求的资源的地址

data:异步请求时传给服务器的参数

callback:服务器返回response成功时调用的函数

type:服务器端返回的数据的格式(html,json,script,xml,text等)