Jquery后台调用(更新中)

最新推荐文章于 2022-03-04 20:04:35 发布

原创最新推荐文章于 2022-03-04 20:04:35 发布 · 85 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #ViewUI

javascript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种利用Ajax技术实现网页表单异步提交的方法，包括引入jQuery库、编写HTML表单、定义JavaScript回调函数以及处理后台响应的过程。此外还提供了一个使用jQuery简化异步提交的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一种方法:

1.收引入jquery.js:

<script type="text/javascript" src="js/jquery-1.4.js"></script>

2.页面:

        <form action="demo.do" method="post" id="demoForm">   
            ajax测试   
         <input type="text" id="val" />   
            <input type="text" id="result"/>   
            <input type="button" id="btn" value="ajax" onclick="getData()"/>   
        </form>

3.js:

 function getData(){
  	$.ajax({
		type: 'post',
  		url: '',           //调用的地址.
  		data: {'val': $("#val").val(), 'name':'value'},     //传过去的参数.
  		success: function(result){
  			$("#result").val(result);        //返回的结果.
  		}
  	});
  }

4.后台代码:

response.getOutputStream().print("test");

其它方法:

1、$.getJSON(url, null, function(data){} )。

表单异步提交：

$(document).ready(function(){
       $('#myform').submit(function(){
           jQuery.ajax({
               	      url: "url",   // 提交的页面
               data: $('#myform').serialize(), // 从表单中获取数据
               type: "post",                   // 设置请求类型为"POST"，默认为"GET"
                      //dataType: "json",
                      success: function(data) {
                          //alert('here');
               	      }
           });
           return false;
       });
   });