`

jquery无刷新提交表单的例子

阅读更多
<script type="text/javascript" src="js/jquery.js" mce_src="js/jquery.js"></script>    
<input name="writer" id="writer" type="text" value="" />    
<input name="pass" id="pass" type="password" value="" />    
<input type="submit" name="button" id="button" value="提交" />  
<!--这里不需要form,因为提交时call一个函数   
<script type="text/javascript">  
$(document).ready(function(){        //DOM的onload事件处理函数    
  $("#button").click(function(){          //当按钮button被点击时的处理函数    
    postdata();                                      //button被点击时执行postdata函数    
  });    
});   
function postdata(){                             //提交数据函数    
  $.ajax({                                                 //调用jquery的ajax方法    
    type: "POST",                                     //设置ajax方法提交数据的形式    
    url: "ok.php",                                      //把数据提交到ok.php    
    data: "writer="+$("#writer").val()+"&pass="+$("#pass").val(),    //输入框writer中的值作为提交的数据    
    success: function(msg){                 //提交成功后的回调,msg变量是ok.php输出的内容。    
      alert("数据提交成功");                     //如果有必要,可以把msg变量的值显示到某个DIV元素中    
    }    
  });    
}   
</script>  

 

分享到:
评论

相关推荐

    JQuery&CSS;&CSS;+DIV实例大全.rar

    13.jvalidate无刷新表单验证插件示例下载 14.分享jquery无刷新多功能表单验证插件并漂亮美化表单及错误输入提示效果 15.简单jQuery+CSS实现验证表单红色提示效果 16.简单表单input输入框提示插件1.0下载 17...

    无刷新浮动窗口,ajax弹出框例子.rar

    无刷新浮动窗口,ajax弹出框例子,一个是简洁版,一个是高级版,高级版窗口中显示一个表单,简洁版只是一些说明文字,两种弹出窗口都支持关闭功能,不过不支持拖动功能,两款窗口都调用了jquery插件来辅助实现。

    js和jquery相关编程实例.rar

    js和jquery相关编程实例代码,学习js和jquery的话,这些例子很实用,比较全面,涉及js层操作、字符切换、图片切换、无刷新表单判断等,运行于多种WEB开发语言环境中,比如ASP/PHP等,前端开发的必备教材。

    jQuery实现购物车表单自动结算效果实例

    这里jQuery实现购物车表单自动结算,只要用户把所购商品的数量输入进去,就可以适时计算出商品总额,金额+运费,类似淘宝的购物车结算功能,计算过程是适时的,用jquery实现了Ajax不刷新网页就计算的功能,做购物类...

    jQuery详细教程

    下面是 jQuery 中事件方法的一些例子: Event 函数 绑定函数至 $(document).ready(function) 将函数绑定到文档的就绪事件(当文档完成加载时) $(selector).click(function) 触发或将函数绑定到被选元素的点击事件 $...

    如何手写Ajax实现异步刷新

    表单提交数据和Ajax提交数据的区别:表单提交是提交的整个页面中的数据,提交数据之后会抛弃之前的页面(刷新页面);ajax是在当前页面提取某些数据并提交出去,并能接收返回来的数据,处理之后进而显示在当前页面(不...

    jqueryajaxform:从 code.google.compjqueryajaxform 自动导出

    表单提交后,只会刷新给定的字段,而不是整个页面。 您不必在服务器端更改任何内容,但可以仅返回结果的引用部分以减少带宽使用和服务器资源的使用。 工作原理: ajaxform 实用程序是一个基于 jQuery 的小脚本,它...

    artDialog_Demo

    18、修复一处隐秘BUG:当使用Ctrl+回车提交表单并弹出对话框时导致弹出新窗口 (因为此时焦点在对话框关闭链接上,这个快捷键让很多浏览器新建窗口) 19、重新绘制'earo'皮肤,修复毛边的问题 20、修复拖动的时候...

    JAVA上百实例源码以及开源项目

    两个例子,无状态SessionBean可会话Bean必须实现SessionBean,获取系统属性,初始化JNDI,取得Home对象的引用,创建EJB对象,计算利息等;在有状态SessionBean中,用累加器,以对话状态存储起来,创建EJB对象,并将...

    JAVA上百实例源码以及开源项目源代码

    两个例子,无状态SessionBean可会话Bean必须实现SessionBean,获取系统属性,初始化JNDI,取得Home对象的引用,创建EJB对象,计算利息等;在有状态SessionBean中,用累加器,以对话状态存储起来,创建EJB对象,并将...

Global site tag (gtag.js) - Google Analytics