1.跳转
$("a").attr("href", "")2.取值
$("a").attr("value");3.页面跳转+传参!!!!
$("#sub_z").attr("href","../zsg/t_zsg!add?id="+$('#id').attr('value')+"&name="+$('#name').attr('value')+"&pwd="+$('#pwd').attr('value')+"&score="+$('#score').attr('value'));
最好将一个&改成&&否则会乱码,不能正确传递
4.传递多个参数时注意加个‘’
onclick="gshow('${teA.teId}','${teA.teName}','${teA.tePwd}','${teA.score}')"
5.url乱码
action中加request.setCharacterEncoding("UTF-8");解决。。。
6.radio取值
7.json的问题:不执行success,执行complete和error
你的json格式不标准
response.getWriter().write("{'success':'true','msg':'用户名或者密码错误!'}");
fire_wang (中级程序员) 2011-10-29
你是不是要action处理之后不跳转到其他页面?你的action中应该是return null;
fire_wang (中级程序员) 2011-10-29
如果不行的话,你也可以试试getJSON
fire_wang (中级程序员) 2011-10-29
不用execute这个默认方法 自己取个方法名,用void 不要返回。
AngelAndAngel (资深架构师) 2011-11-02
dataType:'json' 这是,你服务器端传回来的只是个字符串,并不是JSON对象,。要么你就在服务器端用个JSON插件把String转成JSON,要么就在页面里用eval函数把字符串转成JSON对象,即data=eval(data); alert(data.msg);
tb4219003 (初级程序员) 2011-11-11
自己手动重写一次!(可能是tab 键或一些特别的东东我也出现过这样的问题)
yitian_web (初级程序员) 2011-11-1
架构师的可用,但返回不了返回值,于是修改如下
<result name="success" type="json">
<param name="root">oo</param>
</result>
<param name="root">oo</param>
</result>
这样就好了。。。。。。
8、jquery自定义函数
function countDown(secs){
if(--secs>0){
setTimeout("countDown("+secs+")",1000);/*利用setTimeout每隔一秒调用一次*/
}else{
location.href="../main/toMain"/*这里是要跳转的页面*/
}
}
jquery +ajax
$(function(){
$('#jiaojuan').click(function(){
var count=0;
var score=0;
for(var i=1;i<=$('#size').val();i++){
score+=parseInt($(":radio[name='option"+i+"']:checked").val());
}
$.ajax({
type:"POST",
url:"countTest!ok",
data:{"score":score},
dataType:'JSON',
/**complete:function(){
alert("hicom");
$("#scorediv").show();
$("#score").text(score);
},*/
success:function(data){
$("#scorediv").show();
$("#score").text(score);
countDown(5);
},
error:function(){
alert("cuowu");
}
});
});
})
9、jQuery实现可编辑的表格(原文)
- html代码如下:
- <body>
- <div align="center">
- <table border="1px">
- <thead>
- <tr>
- <th>
- 姓名
- </th>
- <th>
- 性别
- </th>
- <th>
- 年龄
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>redarmy7</td>
- <td>M</td>
- <td>22</td>
- </tr>
- <tr>
- <td>redarmy6</td>
- <td>M</td>
- <td>22</td>
- </tr>
- <tr>
- <td>redarmy5</td>
- <td>M</td>
- <td>22</td>
- </tr>
- <tr>
- <td>redarmy4</td>
- <td>M</td>
- <td>22</td>
- </tr>
- <tr>
- <td>redarmy3</td>
- <td>M</td>
- <td>22</td>
- </tr>
- <tr>
- <td>redarmy2</td>
- <td>M</td>
- <td>22</td>
- </tr>
- </tbody>
- </table>
- </div>
- </body>
JS代码如下:
- $(document).ready(function() {
- // 首先实现 表格的各行换色
- // even返回的是偶数 但是在表格中实际代表的是奇数行
- // 匹配所有索引值为偶数的元素,从 0 开始计数
- $("tbody>tr:even").css("background-color", "antiquewhite");
- // odd返回的是奇数 但是在表格中实际代表的是偶数行
- // 匹配所有索引值为奇数的元素,从 0 开始计数
- $("tbody>tr:odd").css("background-color", "aquamarine");
- // 找到 tbody中所有的td操作
- var $tds = $("tbody td");
- // 给$tds注册点击事件
- $tds.click(function() {
- // 获取被点击的td
- var $td = $(this);
- // 检测此td是否已经被替换了,如果被替换直接返回
- if ($td.children("input").length > 0) {
- return false;
- }
- // 获取$td中的文本内容
- var text = $td.text();
- // 创建替换的input 对象
- var $input = $("<input type='text'>").css("background-color",
- $td.css("background-color")).width($td.width());
- // 设置value值
- $input.val(text);
- // 清除td中的文本内容
- $td.html("");
- $td.append($input);
- // 处理enter事件和esc事件
- $input.keyup(function(event) {
- // 获取当前按下键盘的键值
- var key = event.which;
- // 处理回车的情况
- if (key == 13) {
- // 获取当当前文本框中的内容
- var value = $input.val();
- // 将td中的内容修改成获取的value值
- $td.html(value);
- } else if (key == 27) {
- // 将td中的内容还原
- $td.html(text);
- }
- });
- });
- });