prompt弹框的使用

     一直做着后台的工作，前台的东西好像接触的也不少，但是研究的比较少，其实前端的设计与实现也是“博大精深”。其中JQuery就是一款功能非常强大的工具，它已经写好并实现了很多现有的方法。我们需要直接在引用即可，当然如果需要自定义，在他们的规范基础上也可以实现自定义。

1.  prompt

  JS中有三种弹框方式：confirm，弹出一个询问框，有确定和取消按钮;alert,弹出对话框并输出一段提示信息;prompt,弹出一个输入框，输入一段文字，可以提交。很明显prompt能满足我们的需求。

      最近做了一个审核不通过，弹框，输入不通过原因的功能，因为涉及同时对几张表的操作，所以我是按照这样的思路来设计我的这个功能的，在弹出中调度Ajax进行异步处理，在输入文本内容，将其作为参数传入控制层的逻辑处理。根据prompt弹框操作返回值，判断是否需要进行Ajax操作，根据Ajax返回值，来判断是否需要进行当前页面刷新。

  2.方案实现

      function editInfo(参数1, 参数2) {
var remark = prompt("回退原因:", " ");
if (remark) {
$.ajax({
type : "post",
synch : false,
url : '',
data : {
"id" : id,
"参数1" : 参数1,
"参数2" : 参数2
}, //传入的参数要一致
success : function(result) {
if (result == "0") {
window.location.reload(); // 刷新当前页面
                }
            }
       });
    }
}

3.总结

       前端一些控件与事件虽然是写好的，但是还是要深入了解一下具体原理与使用，才能根据原理实现需求。上面prompt的默认值，我给的是“ ”，非null，是为了点击取消时不做任何操作，在data中你可以传入多个参数。