异步弹窗之保存数据篇

项目中经常会碰到局部刷新的情况，这个时候选择异步操作是个比较理想的方法

我现在要对出题进行操作，看看我的js操作

 + "<a href='javascript:void(0);' onClick='showQuestion(" + cl + ")'>出题</a> "+

在js里面写了一个链接的标签，通过标签的单击找到相应的响应事件，也就是showQuestion()

我下面也把这个响应的事件代码也贴出来

 //出题
 function showQuestion(cl){  
       var rowdata = $("#gridTable").jqGrid('getRowData',cl);
    asyncbox.alert('<table><tr><td>节目ID</td><td>&nbsp;&nbsp;'+rowdata.rname+
                  '</td></tr><tr><td>期数编号</td><td>&nbsp;&nbsp;'+rowdata.code+'</td></tr>'+
                           '<tr><td>问题</td><td><textarea id="quest" type="text" /></td></tr>'+
                           '<tr><td>答案</td><td><textarea id="answer" type="text" /></td></tr></table>',
                       '开始出题 ',function(){
                              var pro = $("#quest").val();
                             // alert(pro);
                              var ans = $("#answer").val();                                   
                              $.getJSON('question!saveQ.action?roomShowID=' + rowdata.roomShowID+'&problem='+pro+'&rightAnswer='+ans+ '&t='+Math.random(), function() { 
                                                                                               
                                  $("#gridTable").trigger("reloadGrid");
                              });
  });

     }

 

效果图如下：

虽然不是很美观，但是已经达到了最终的目的