麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JSP > 正文

jsp中利用jquery+ajax在前后臺之間傳遞json格式參數(shù)

2024-09-05 00:21:57
字體:
供稿:網(wǎng)友
前后臺之間的參數(shù)傳遞一直是個問題,經(jīng)過一段時間的實驗琢磨,終于搞定,先把經(jīng)驗拿出來與大家分享,希望可以讓新手朋友們少走彎路

經(jīng)過一段時間的實驗琢磨,終于將前后臺之間的參數(shù)傳遞搞定了,實驗所用工具myeclipse+structs1.2。

總結(jié):容易出錯的地方:1.ajax中data的格式一定要寫對,這里舉了兩種形式,一種是 data:{參數(shù):“”} 另一種是 data:“參數(shù)=”+變量。

2.后臺傳遞到前臺數(shù)據(jù)轉(zhuǎn)化為json格式,步驟要掌握好。

3.在js使用jquery必須要引用進來,否則會不執(zhí)行jquery語句,這個問題困擾了我半天才解決掉,菜鳥的悲哀啊。jquery引用流程如下:網(wǎng)上下載jQuery.js,jquery-1.4.2.min.js兩個js文件,放在webroot下的文件夾js中,引用代碼如下:

<script src="<%=path%>/js/jQuery.js" language="javascript"type="text/javascript"></script>

<script src="<%=path%>/js/jquery-1.4.2.min.js" language="javascript"type="text/javascript"></script>

其中<%=path%>就代表了根目錄wenroot文件目錄。

4.ajax的url路徑必須要寫對。

5.當前臺沒有傳遞參數(shù)到后臺時,data可以不用寫,或用data:{}代替。

前臺代碼如下:

復制代碼 代碼如下:


<span> </span>var checkValue=$("#s1").val();


復制代碼 代碼如下:


<span> </span>//這個var是獲取的id問s1的select選擇的opention值
$
.ajax({
type : "post",
url : "getShowDataList.do",
async : true,
//data:{data:""},這種也可以
data :
"filepath="+checkValue


復制代碼 代碼如下:


<span> </span>//data:中的是傳遞到后臺的數(shù)據(jù),這里數(shù)據(jù)格式為json格式
,
dataType : "json",
error : function() {
//alert(checkValue);
alert('加載失??!');
},
success : function(json) {


復制代碼 代碼如下:


<span> </span>//這里的json是后臺傳遞過來的數(shù)據(jù),這里數(shù)據(jù)格式也是json格式


前臺獲取后臺的json格式list數(shù)據(jù)集,這段寫在function中

復制代碼 代碼如下:


var points = [];//創(chuàng)建數(shù)組
for ( var i = 0; i < json.length; i++) {

var str = new OpenLayers.LonLat(json[i].lon,
json[i].lat);
points.push(str);

}


后臺代碼:

復制代碼 代碼如下:


public ActionForward execute(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response) {

String filepath = request.getParameter("filepath");


復制代碼 代碼如下:


<span> </span>//獲取前臺傳遞過來的filepath
System.out.println(filepath);

List<Show> datalist = getShowData(filepath);

response.setContentType("appliction/json;charset=utf-8");
JSONArray jsonArray = JSONArray.fromObject(datalist);


復制代碼 代碼如下:


try {

PrintWriter out = response.getWriter();
out.print(jsonArray);
for (int i = 0; i < jsonArray.size(); i++) {
System.out.println(jsonArray.get(i));
}
out.flush();
} catch (Exception e) {
e.printStackTrace();
}
return null;
}

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 久久综合九色综合久久久精品综合 | 久久久久亚洲精品 | 久久成人免费观看 | 国产呻吟| 福利免费在线 | 亚洲第一页综合 | 久久久大片 | 91av久久| 青青青在线免费 | 国产精品久久99精品毛片三a | 久久免费视频一区二区三区 | 亚洲一区在线视频观看 | 水卜樱一区二区av | 欧美18一12sex性处hd | 亚洲av一级毛片特黄大片 | 亚洲xxx视频| 99激情视频 | 国产精品99久久久久久久 | 欧美性生活免费视频 | 在线成人免费av | 欧美日韩在线免费观看 | 欧美人xx | 免费高潮在线国 | 成人国产精品色哟哟 | 黄色av免费网站 | 久久久久91视频 | 国产精品啪一品二区三区粉嫩 | 亚洲婷婷日日综合婷婷噜噜噜 | 欧美日韩后| 九九热在线观看视频 | 免费黄色在线观看网站 | 久草在线资源福利站 | 日本教室三级在线看 | 久久色播 | 成人三级免费电影 | 免费观看黄色一级视频 | 香蕉久草在线 | 高颜值美女啪啪 | 蜜桃网在线 | 一级做a爱片性色毛片高清 国产精品色在线网站 | 亚洲天堂在线电影 |