`
leon1509
  • 浏览: 536123 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jQuery提交参数返回数据并显示在div中

阅读更多
$('#post').load('test', {info: '呵呵'}, function(){});
/* $.ajax({
	url: 'test',
	type: 'POST',
	data: {info:'呵呵'},
	dataType: 'html',
	//contentType: 'UTF-8',
	timeout: 1000,
	error:function(){
	},
	success: function(v){
		$('#post').html(v);
	}
});*/

 

说明:
 
以上2种方法都可以!

 

其中的test为服务器url,返回数据为一个jsp页面,内容显示到本页面中id为post的DIV中。

{info: '呵呵'}为传递给服务器的参数

分享到:
评论

相关推荐

    jquery插件弹出div

    "jquery插件弹出div"是一个基于jQuery的插件,用于创建弹出式对话框或者模态框,通常用于显示警告、确认消息或者进行表单提交等交互操作。在网页设计中,这种功能能够提升用户体验,因为它可以将用户注意力集中在...

    弹DIV提交表单无刷新

    当用户在弹出的DIV中填写完表单并点击提交后,JavaScript会捕获提交事件,阻止默认的表单提交行为,然后发送Ajax请求,将表单数据传递给服务器。服务器处理这些数据并返回响应,JavaScript接收响应后更新DOM(文档...

    jquery ajax 如何向jsp提交表单数据

    在网页开发中,jQuery AJAX 提供了一种高效且便捷的方式,用于向服务器端发送异步请求,例如向 JSP 页面提交表单数据,而无需刷新整个页面。这极大地提升了用户体验,因为用户可以在等待数据处理的同时继续操作其他...

    struts2+ajax+jquery

    在Struts2的配置文件(struts.xml)中,我们需要定义一个对应的Action,该Action将处理来自Ajax请求的数据,并返回响应。例如: ```xml <result type="json">/success.jsp</result> <!-- JSON结果 --> ``` ...

    jquery仿百度搜索时的下拉列表

    在本文中,我们将探讨如何使用jQuery来实现一个类似于百度搜索时的下拉列表功能,它会在用户输入文本时动态地从数据库中检索匹配项并显示出来。这个功能可以通过监听文本框的keyup事件来触发,同时结合Ajax技术实现...

    jQuery解析与处理服务器端返回xml格式数据的方法详解

    在jQuery的`$.get()`函数中,我们向服务器发送一个GET请求,并提供表单中的数据。当请求成功时,`data`参数包含了服务器返回的XML文档。我们可以使用jQuery选择器和方法来解析这个XML,就像处理HTML文档一样。`$...

    jquery和ajax的集成例子

    通过以上知识点,我们可以更好地理解和运用jQuery与AJAX的集成,从而在Web开发中创建更加高效、用户体验优秀的应用程序。在实际项目中,应结合具体需求灵活运用这些技术,确保代码的可读性和可维护性。

    jquerymobile实现火车列次查询

    3. **处理响应**:在`success`回调中解析服务器返回的数据,可能是JSON格式。遍历数据,根据火车列次信息动态生成HTML并插入到查询结果区。 4. **错误处理**:处理可能的网络错误或服务器错误,显示相应的提示信息...

    jquery ajax异步提交表单数据的方法

    在Web开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理以及与服务器的交互,包括异步提交表单数据。本篇文章将详细解释如何使用jQuery的`ajax`方法来实现异步提交表单,同时涵盖不包含文件和...

    JQUERY-EASYUI添加搜索框

    在本文中,我们将深入探讨如何使用JQuery EasyUI与jQuery SearchBox插件在DataGrid中添加搜索功能。JQuery EasyUI是一个基于JQuery的轻量级框架,它提供了一组丰富的用户界面组件,如DataGrid、Dialog、Form等,极大...

    jQuery Ajax提交表单查询获得数据实例代码

    本篇实例代码讲解了如何使用jQuery的Ajax方法提交表单,并处理从服务器返回的数据。在这段代码中,用户被要求输入准考证号和验证码,然后点击查询按钮以提交表单。在后端处理完毕后,前端将显示出从服务器返回的数据...

    layui 图片上传+表单提交+ Spring MVC的实例

    在本实例中,我们主要探讨了如何利用Layui库进行图片上传,同时结合表单提交和Spring MVC框架实现后端处理。Layui是一个轻量级的前端组件库,提供了丰富的UI组件,包括上传功能。以下是具体的知识点: 1. **Layui...

    txt版的锋利的jquery

    - **`.load()`方法**:可以直接将服务器返回的数据插入到指定的DOM元素中。 - **`$.get()`和`$.post()`方法**:发送GET或POST请求,获取服务器端的数据。 - **`$.getScript()`和`$.getJSON()`方法**:分别用于获取...

    jquery+php实现实现突破上传及裁剪功能

    在IT行业中,前端开发经常需要处理用户上传图片并进行预处理,例如裁剪,以满足特定的展示需求。本教程将深入讲解如何使用jQuery和PHP技术实现这一功能,结合`.imgareaselect`插件,我们可以创建一个强大的图片上传...

    Ajax与jquery相结合实现的无数新验证用户

    在这个例子中,`$("#one").load()`用于向服务器请求数据,并将返回的结果插入到ID为`one`的`div`元素内。`load()`方法的参数包括URL、数据(可选)和回调函数,用于处理服务器响应。 在提供的代码中,`load()`方法...

    基于jQuery生成二维码,需引用js文件

    在实际应用中,你可能需要根据用户输入或服务器返回的数据动态生成二维码。为此,你可以将生成二维码的代码放在一个函数里,并在需要的时候调用这个函数,例如: ```javascript function generateQRCode(data) { ...

    jquery 表单验证大全并以弹出形式提示信息

    在网页开发中,表单验证是一项至关重要的任务,它确保用户输入的数据符合预期的格式和规则,从而保证数据的准确性和安全性。jQuery 是一个广泛使用的 JavaScript 库,它提供了丰富的功能,包括简化DOM操作和事件处理...

    jQuery Rater Star Plugin

    通过监听用户的鼠标事件,动态改变星星的选中状态,并通过Ajax与服务器进行交互,实现数据的提交和读取。 3. Ajax通信:`ajax.php`是服务器端处理评分请求的脚本,它接收来自客户端的评分数据,更新数据库,并可...

    JQuery实战.0002.pdf

    3. **处理返回数据**:解析返回的数据,并使用`append()`方法将新数据插入到列表中。 #### 7. 表单验证 在表单提交前进行验证是非常重要的,JQuery可以帮助我们轻松实现这一点。例如,我们可以使用JQuery的`blur()`...

    【jQuery插件】Twitter Search

    在Twitter Search插件中,我们主要关注的是搜索推文的API,它允许我们指定查询参数,如关键词、地理位置、时间范围等,返回结果通常为JSON格式。 收到API返回的数据后,jQuery插件会解析JSON,将每个推文的文本、...

Global site tag (gtag.js) - Google Analytics