jQuery Mobile-jquery Mobile 怎么用ajax提交表单

发布网友发布时间：2022-05-06 10:22

我来回答

共3个回答

热心网友时间：2022-04-21 03:34

jquery mobile 的基础还是 jquery ，其实和用 jquery 开发普通的HTML区别不大，那么调用的还是 jquery 的 ajax 通信方法

$.ajax({ url: "test.html", context: document.body, success: function(){
$(this).addClass("done");
}});

通信代码如上。

然后说提交表单，其实也很清楚，就是用 JAVASCRIPT 获取表单输入项目的值，然后使用 jquery 的ajax方法进行提交

热心网友时间：2022-04-21 04:52

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>checkbox</title>
<script src="js/jquery-1.3.2.js" type="text/javascript"></script>
<script src="js/1.js" type="text/javascript"></script>
</head>

<body>
<table id="table1">
<tr>
<td><input type="checkbox" value="1"/>1</td>
<td id="k_1"><input type="text" name="student" id="s_1" readonly="true"/></td>
</tr>
<tr>
<td><input type="checkbox" value="2"/>2</td>
<td id="k_2"><input type="text" name="student" id="s_2" readonly="true"/></td>
</tr>
<tr>
<td><input type="checkbox" value="3"/>3</td>
<td id="k_3"><input type="text" name="student" id="s_3" readonly="true"/></td>
</tr>
<tr>
<td><input type="checkbox" value="4"/>4</td>
<td id="k_4"><input type="text" name="student" id="s_4" readonly="true"/></td>
</tr>
</table>
</body>
</html>

-------------------------------------------------------------
$(document).ready(function() {
$("td[id^='k_']").hide();
var check = $(":checkbox"); //得到所有被选中的checkbox
var actor_config; //定义变量
check.each(function(i){
actor_config = $(this);
actor_config.click(
function(){
if($(this).attr("checked")==true){
$("#k_"+$(this).val()).show();
}else{
$("#k_"+$(this).val()).hide();
}
}
);
});

});