`

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 窗口离屏幕左边距离(像素单位)

 

 

 

分享到:
评论

相关推荐

    H5移动端上滑加载,带ajax异步请求后台数据,拿来即用

    上滑加载,ajax请求后台,获取数据,然后加载到页面,完完整整,拿来即用

    Ajax实现验证码校验

    Ajax实现验证码校验,不用跳转页面,直接刷新层。简单实用

    jQuery ajax全局函数处理session过期后的ajax跳转问题

    session过期就让页面跳转到登录界面去,但是存在这样一个问题,当页面过期后,用户请求后台的方式有两种:传统方式和异步请求方式,传统方式倒好解决,请求到后台,拦截到过期的操作,直接跳转,但是异步请求不会...

    Ajax-bPage.zip

    Ajax-bPage.zip,基于bootstrap风格,静态页面跳转也可以是异步页面处理分页插件,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小...

    layuiAdmin.std-v1.7.1

    其中视图层全权由前端把控,数据一律走 Ajax 异步请求。layuiAdmin 内部实现了一套基于 location.hash 的路由和模板机制,这使得你可以很轻松地实现界面的跳转与渲染。另外注意的是,接口鉴权不再适用于传统的 ...

    基于SSM框架的毕业设计大学生食堂外卖点餐系统源码+数据库+教程说明.zip

    全系统全程采用了AJAX异步请求操作,摒弃了同步请求中用户等待而无法进行操作的问题,提升了用户的体验。前后端之间的数据传递采用流行的JSON格式,数据包精简且高效。在后端的SpringMVC接取数据方面,我使用了@...

    毕业设计基于LayUI + SSM的前后台一体外卖点餐系统源码+数据库,大学生食堂外卖点餐系统

    全系统全程采用了AJAX异步请求操作,摒弃了同步请求中用户等待而无法进行操作的问题,提升了用户的体验。前后端之间的数据传递采用流行的JSON格式,数据包精简且高效。在后端的SpringMVC接取数据方面,我使用了@...

    ASP.NET中使用Ajax的方法

    $.ajax向普通页面发送get请求这是最简单的一种方式了,先简单了解jQuery ajax的语法,最常用的调用方式是这样:$.ajax({settings}); 有几个常用的setting,全部参数及其解释可以去jQuery官方API文档查询 1. type:...

    原生JS与jQuery对AJAX的实现

    AJAX=AsynchronousJavaScriptandXML(异步的JavaScript和XML)。AJAX不是新的编程语言,而是一种使用现有标准的新方法。AJAX是与服务器交换数据并更新部分网页的技术,在不重新加载整个页面的情况下。就是利用JS来无...

    计算机专业毕设精选-asp.net选课系统毕业设计全套参考资料.rar

    前端采用HTML、CSS和JavaScript技术,结合Ajax异步请求,实现了页面的无刷新跳转和数据的动态加载,提升了用户体验。后端则使用C#语言进行开发,借助ASP.NET的强大功能,实现了对数据库的增删改查操作,以及对用户...

    scrapy中的headers,Request,response

    文章目录headersRequestresponse headers 为了让程序请求模仿的更像浏览器,需要在headers请求头上添加一些参数 headers请求头的部分重要参数: ...x-requested-with :XMLHttpRequest (是Ajax 异步请求)

    code-count:在线计算zip中的Python代码行数

    统计zip包下项目的python代码功能文件上传跳转页面,显示统计结果ajax异步请求显示统计结果缺陷无法统计特殊的块注释eg:def func01():'''注释。。。'''无法统计代码和注释在一行的注释行数eg:x= 100 # 这是一个x...

    OA办公自动化管理系统(Struts1.2+Hibernate3.0+Spring2+DWR)130224.rar

    OA办公自动化管理系统是一个基于Struts1.2、Hibernate3.0、Spring2和DWR技术实现的Java Web应用项目。...DWR(Direct Web Remoting)作为Ajax框架,负责实现客户端与服务器端的异步通信。它可以实现在不刷新页面

    2018年最新vue2.5 硅谷外卖视频

    16_Vue项目_封装ajax请求函数.avi 17_Vue项目_封装接口请求函数.avi 18_Vue项目_使用git对项目进行版本控制.avi 19_Vue项目_复习.avi 20_Vue项目_配置代理实现跨域ajax请求.avi 21_Vue项目_创建vuex的整体结构...

    2018年最新vue2.5 硅谷外卖视频+源码

    配置代理实现跨域ajax请求.avi 21_Vue项目_创建vuex的整体结构.avi 22_Vue项目_使用vuex管理首页数据.avi 23_Vue项目_异步显示当前地地址.avi 24_Vue项目_异步显示食品分类轮播列表.avi 25_Vue项目_使用watch和$...

    整理后java开发全套达内学习笔记(含练习)

    goto (保留字) 跳转 heap n.堆 [hi:p] implements (关键字) 实现 ['implimәnt] import (关键字) 引入(进口,输入) Info n.信息 (information [,infә'meiʃәn] ) Inheritance [java] 继承 [in'heritәns] (遗传...

    play框架手册

    跳转到其他URL - 36 - Action链 - 36 - 定制web编码 - 37 - 拦截器 - 38 - @Before - 38 - @After - 39 - @Catch - 40 - @Finally - 41 - 控制器继承 - 42 - 使用@With注释添加更多的拦截器 - 42 - Because Java ...

    亮剑.NET深入体验与实战精要2

    4.4 回车跳转控件焦点 175 4.5 窗体间传递复杂数据 176 4.5.1 构造传递 176 4.5.2 公有字段传递 177 4.5.3 委托与事件传递 179 4.6 实现个性化窗体界面 181 4.7 无标题窗体拖动的两种方法 183 4.8 让程序只启动一次...

    亮剑.NET深入体验与实战精要3

    4.4 回车跳转控件焦点 175 4.5 窗体间传递复杂数据 176 4.5.1 构造传递 176 4.5.2 公有字段传递 177 4.5.3 委托与事件传递 179 4.6 实现个性化窗体界面 181 4.7 无标题窗体拖动的两种方法 183 4.8 让程序只启动一次...

Global site tag (gtag.js) - Google Analytics