ajax异步请求(阻止跳转)

rails 控制器写

render(:text => "unprocessable_entity")

=================

event.preventDefault();

<script type="text/javascript">

    function update(trip_id) {

        var user = $("#user_txt" + trip_id).val();

        $.ajax({

            url:"/" + user_id,

            type:"put",

            dataType:"html",

            data:{user:user},

            success:function () {

            }

        })

    }

</script>

=================

      if (window.XMLHttpRequest) {

              xmlhttp = new XMLHttpRequest();

              xmlhttp.onreadystatechange = function () {

                  if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {

                      $("#latlng_name").innerHTML=xmlhttp.responseText;

                  }

              }

              xmlhttp.open("get",url_str,true);

              xmlhttp.send();

          }

=================

主要写一下javascript中的弹出对话框:

 第一种:alert("message")

    第二种:confirm("message")

    第三钟:prompt("message")

    第四种:open("url")

     第一种alert对话框是一个最简单,也是最常用的一个弹出对话框,通常用于提示信息,对话框包含一个按钮,单击对话框中的按钮将会关闭此对话框.

 第二种confirm对话框返回的是一个布尔值,该对话框一般用于用户选择,该对话框包含两个按钮,一般一个是"确认",另一个是"取消",比如我们在开发程序的时候,创建一个删除按钮,为了防止用户务操作,一般就会用到这个对话框:"您确定删除吗?"如果选择"确定",执行删除,如果选择"取消",则返回,不做任何操作!

 第三种prompt对话框,主要用户获取用户输入的信息,比如,弹出一个对话框:

 <script language="javascript">    var name=prompt("你的名字叫什么?");     document.write(name); </script>

 prompt对话框包括两个按钮("确认"和"取消")和一个文本框,文本框用来获取用户输入的信息.

 第四种其实是一种用对话框的方式打开一个网页,open方法包含很多的参数,主要是用户设置浏览器的显示外观:

window.open("Webpage.asp?",Derek,"height=100,width=100,status=yes,toolbar=yes,  menubar=no,location=no");  此语句打开一个新窗口,页面为webpage.asp,参数为var,名字为Derek,高为100,宽为100,显示状态栏和工具条,不显示菜单和地址。  具体总结的各个属性参数如下:  window = object.open([URL ][, name ][, features ][, replace]]]])  URL:新窗口的URL地址  name:新窗口的名称,可以为空  featurse:属性控制字符串,在此控制窗口的各种属性,属性之间以逗号隔开。  fullscreen= { yes/no/1/0 } 是否全屏,默认no  channelmode= { yes/no/1/0 } 是否显示频道栏,默认no  toolbar= { yes/no/1/0 } 是否显示工具条,默认no  location= { yes/no/1/0 } 是否显示地址栏,默认no  directories = { yes/no/1/0 } 是否显示转向按钮,默认no  status= { yes/no/1/0 } 是否显示窗口状态条,默认no  menubar= { yes/no/1/0 } 是否显示菜单,默认no  scrollbars= { yes/no/1/0 } 是否显示滚动条,默认yes  resizable= { yes/no/1/0 } 是否窗口可调整大小,默认no  width=number 窗口宽度(像素单位)  height=number 窗口高度(像素单位)  top=number 窗口离屏幕顶部距离(像素单位)  left=number 窗口离屏幕左边距离(像素单位)

相关推荐