`

在jquery中的Ajax传送参数的问题

 
阅读更多

今天在维护项目的时候遇到了一些小的问题。就是后台想让我多传送一个参数!

 这是通过ajax发送的一个GET请求,其中参数只有grade与id

后台想让我多传送过去一个参数。

 于是,我就多加了一个参数。具体这个参数是怎么添加的呢?代码如下

$.ajax({
                type: "get",
                url: "/communitys/CommunityShowController?method=updateGradeById",//这个是后台接受参数的地址
                data: {
                    grade:grade,
                    id:id,
                    communityId:communityId //新加的参数
                },
                dataType: "text",
                success: function(data){
                    //显示等级
                    $(showgra).html('');
                    $(showgra).append(grade);
                }

            });

 这个参数是怎么定义的呢?我在之前就定义了

        var communityId = ''; //首先定义变量,给变量空值
$(".deng").click(function () { //通过每次点击,获取相应点击的位置,获取
            //communityId
            showId = $(this).parents("tr").children(".communityid");
            communityId = showId.text();
        });

 下面是我被获取参数的对象

<td style="display:none" class="communityid">${communityShowDto.community.id }</td>//定义一个内容,值是后台传来的

 通过这个小例子,我们就明白了 前后台传参的真正流程。首先通过后台向前台传送参数,客户端页面通过各种点击事件,或者其他事件,获取到相应的值。前端再通过ajax异步刷新更改数据的方式,将被用户选定的参数传送给后台!这样就实现了不刷新页面的前后交互!

 

 

  • 大小: 2.5 KB
  • 大小: 13.1 KB
0
0
分享到:
评论

相关推荐

    一个完整的jquery+ajax传送请求的实例

    在IT行业中,jQuery和AJAX是两个非常关键的前端技术,它们极大地简化了网页与服务器之间的数据交互。本文将深入探讨一个完整的jQuery+AJAX传输请求的实例,旨在帮助开发者理解如何有效地使用这两种技术实现异步数据...

    jquery ajax上传文件

    在jQuery中,我们可以使用`$.ajax()`方法发起一个AJAX请求。对于文件上传,我们需要设置`xhrFields`选项来启用FormData支持,并设置`contentType`为`false`以避免覆盖默认值: ```javascript $.ajax({ url: '...

    JQuery中使用ajax传输超大数据的解决方法

    在jQuery中使用Ajax进行POST请求时,你可以这样做: ```javascript var data = {/* 你的大数组或对象 */}; var jsonData = JSON.stringify(data); $.ajax({ url: 'your-php-script.php', type: 'POST', data: {...

    ajax传送参数含有特殊字符的快速解决方法

    JQuery AJAX中遇到这样一个问题,参数中包含特殊字符,比如&’#@等, 这时执行AJAX的时候就会出问题,因为所传的参数变了.看个示例就明白: 方案一: $.ajax({ url: '/ashx/ajax.ashx', type: 'post', data: 'option...

    Jquery图片传送带

    "jQuery图片传送带"就是这样一个功能,它能够在网页中创建一个类似实际生活中传送带的效果,展示一系列图片,并让用户在页面中间预览这些图片,提供了一种直观且吸引人的图片浏览方式。 ### 1. jQuery简介 jQuery...

    jQuery Ajax向服务端传递数组参数值的实例代码

    在本文中,我们将详细探讨如何使用jQuery Ajax向服务端传递数组参数值,以帮助你更好地理解和应用这些技术。 首先,让我们回顾一下问题的核心:在ASP.NET MVC框架下,向控制器的Action方法发送一个包含数组的POST...

    jquery传送带

    在Web开发中,为了实现动态、吸引人的用户体验,"jQuery传送带"(通常称为轮播或滑动展示)是一个常见的解决方案。它允许用户以循环的方式浏览一组元素,比如图片、产品或者文本,通常带有左右滚动按钮,支持自动...

    ajax请求serlvet传送汉字

    在Ajax请求中发送汉字,需要关注字符编码问题。默认情况下,Ajax请求的数据是以UTF-8编码的,而Servlet默认的编码可能不是UTF-8,这可能导致汉字传输过程中出现乱码。为了解决这个问题,我们需要在Ajax请求时指定...

    ajax_json_post_ashx获取参数值

    本文将详细讲解如何通过AJAX使用POST方法提交JSON数据,并在服务器端的ASHX(HttpHandler)处理程序中正确获取这些参数值。在实际开发中,可能会遇到`context.Request.Form`和`context.Request.Params`无法正确获取...

    ajax传递多个参数具体实现

    代码如下: &lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ... &lt;head&gt; &lt;title&gt;&lt;/title&gt; [removed][removed] [removed] $(function

    ajax经典怎样传输数据

    在现代Web开发中,AJAX(Asynchronous JavaScript and XML)技术被广泛应用于实现网页的局部刷新,从而提升用户体验。本篇文章将详细解析一个典型的AJAX数据传输示例代码,帮助读者更好地理解和掌握如何利用jQuery库...

    JQuery 传送中文乱码问题的简单解决办法

    在开发Web应用时,中文字符在传输过程中可能会出现乱码问题,尤其是在使用JQuery进行Ajax通信时。本文将深入探讨两种解决JQuery传送中文乱码问题的方法。 **方法一:客户端编码,服务端解码** 在JQuery中,当发送...

    jquery-1.1.3 效率提高800%

    在 jQuery 1.2中,可以在URL参数中指定一个jQuery选择器,这会过滤返回的HTML文档,只取得文档中匹配选择器的元素。此语法类似于"url #some &gt; selector"。 实例 载入文档的sidebar的导航部分到一个无序列表...

    AJAX 想Struts2后台传送Json数据并向前台返回Json格式的数据

    在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种技术,它允许页面在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。而Struts2是一个强大的MVC(Model-View-Controller)框架,它广泛应用...

    jquery中使用ajax获取远程页面信息

    在使用jQuery进行Web开发的过程中,通过Ajax技术异步获取远程页面信息是一种常见的需求。本知识点将详细讲解如何在点击表格标题时,使用jQuery的Ajax功能从服务器获取详细信息并显示。以下是针对给定文件中提到的...

    php从数据库中获取数据用ajax传送到前台的方法

    接下来,在前端部分,使用jQuery的`$.ajax()`方法发送AJAX请求。这个例子中,有两个`$.ajax()`调用,但通常只需要一个。我们将展示其中一个: 1. **设置请求类型**:`type: 'POST'`,指定请求类型为POST。 2. **...

    jQuery选择器

    jQuery选择器是jQuery库中的核心特性,用于高效地选取DOM元素,简化JavaScript中的元素操作。它借鉴了CSS的语法,使得在JavaScript中处理DOM元素变得直观且易于理解。jQuery提供了多种选择器,包括基本选择器、属性...

    实用的jquery横向无限循环滚动插件

    在Web前端开发中,jQuery库由于其易用性和丰富的功能,一直以来都是开发者们钟爱的工具之一。"实用的jQuery横向无限循环滚动插件"是一个专门为网页设计的动态效果插件,它允许网页上的内容(如图片、文本或产品展示...

    jquery easy ui edatagrid 动态编辑表格 例子

    在本文中,我们将深入探讨jQuery Easy UI中的`edatagrid`组件,以及如何实现动态编辑表格,特别是下拉框的联动功能。`edatagrid`是jQuery Easy UI库中的一个强大工具,它扩展了基本的`datagrid`功能,提供了更丰富的...

Global site tag (gtag.js) - Google Analytics