`

$.serialize()

    博客分类:
  • js
 
阅读更多
<!--
http://www.cnblogs.com/otfngo/p/3931810.html
-->
<div class="letter" id="letter-f">
    <h3>F</h3>
    <form action="f.php">
        <input type="text" name="term" value="" id="term">
        <button type="submit">Search</button>
    </form>
</div>

$(function () {
    $('#letter-f form').submit(function (event) {
        event.preventDefault();
        $.get('f.php', { 'term': $('input[name="term"]').val() }, function (data) {
            $('#dictionary').html(data);
        });
    });
});

/**
使用$.serialize();后, 貌似不能指定自定义key
**/
$(function () {
    $('#letter-f form').submit(function (event) {
        event.preventDefault();
        var formValues = $(this).serialize();
        $.get('f.php', formValues, function (data) {
            $('#dictionary').html(data);
        });
    });
});
分享到:
评论

相关推荐

    ASP.NET—009:前台传值的另一种方式$.post

    在实际开发中,$.post方法常常与其他jQuery方法结合使用,例如`.serialize()`(序列化表单数据)、`.done()`、`.fail()`等,以实现更复杂的交互逻辑。同时,为了增强安全性,应考虑使用AntiForgeryToken防止跨站请求...

    jquery.serialize() 函数语法及简单实例

    `serialize()`方法常与AJAX请求结合使用,如`$.ajax()`、`$.post()`或`$.get()`,以非同步方式提交表单数据: ```javascript $("#btn").click(function(){ $.ajax({ url: "http://example.com/submit", type: ...

    jQuery Ajax 实例代码 ($.ajax、$.post、$.get)

    $.post 和 $.get 方法则是 $.ajax 方法的快捷方式,适用于更简单的 GET 或 POST 请求。$.post 方法用于发送 POST 请求,而 $.get 用于发送 GET 请求。它们的参数相对简单,主要包含 url、data、success、dataType 和...

    jQuery序列化form表单数据为JSON对象的实现方法

    jquery提供的serialize方法能够实现。 $("#searchForm").serialize(); 但是,观察输出的信息,发现serialize()方法做的是将表单中的数据以htpp请求... $.fn.serializeJson = function() { var serializeObj = {}; va

    jQuery Ajax 实例详解 ($.ajax、$.post、$.get)

    在 jQuery 中,我们有几种不同的方法来实现 AJAX 请求,包括 $.ajax(), $.post(), 和 $.get()。 1. **$.ajax()**: 这是 jQuery 提供的最全面的 AJAX 方法,可以处理各种复杂的需求。其基本语法如下: ```...

    jquery实现的AJAX的一些例子

    当需要处理表单数据时,可以使用`$.serialize()`方法: ```javascript $('#yourForm').submit(function(event) { event.preventDefault(); // 阻止默认的表单提交行为 var formData = $(this).serialize(); $....

    ajax jquery的使用

    在表单提交时,`$.serialize()` 可将表单数据转换为 URL 编码格式字符串,而 `$.serializeArray()` 返回一个包含表单元素的对象数组: ```javascript var formData = $("#myForm").serialize(); var formDataArray ...

    前端项目-jquery-serialize-object.zip

    $.each(formData, function(i, field) { jsonFormData[field.name] = field.value; }); var jsonString = JSON.stringify(jsonFormData); ``` 这段代码首先使用`serializeArray()`获取表单数据,然后遍历数组...

    Raphael.JSON Raphael.Export Raphael.FreeTransform raphael.serialize

    现在我们来详细探讨与"Raphael.JSON Raphael.Export Raphael.FreeTransform raphael.serialize"相关的知识点。 1. **Raphael.JSON** Raphael.JSON是Raphael库的一个扩展,允许用户将Raphael图形序列化为JSON格式。...

    Jquery中ajax提交表单几种方法(get、post两种方法)

    在jQuery中,Ajax提交表单是常见的数据交互方式,它允许我们在不刷新页面的情况下与服务器交换数据并更新部分网页...在处理表单数据时,`$.serialize()`是一个便捷的工具,可以方便地将表单数据转换为适合发送的格式。

    ng.serialize:Angular ng.serialize

    **ng.serialize: Angular 的 ng.serialize 模块详解** 在 AngularJS 框架中,`ng.serialize` 是一个用于序列化 Angular 表单数据的工具,它能够将表单对象转换为 JSON 字符串,方便进行 HTTP 请求或者存储。这个...

    jqueryajax的$post和$get方法共3页.pd

    在实际应用中,`$.post()`和`$.get()`可以与jQuery的其他功能结合使用,如`serialize()`(序列化表单数据)和`ajaxStart()`/`ajaxStop()`(监控Ajax请求状态)。此外,它们还可以通过设置选项来定制请求行为,例如...

    JQuery UI插件的 API.pdf

    4. `$.get()` 和 `$.post()`:这两个函数分别用于 GET 和 POST 请求。它们与 `$.ajax()` 函数相似,但更简洁。例如: ```javascript $.get("ajax/test.html", function(data, status, xhr) { // GET 请求成功后的...

    jquery.form提交方式

    $.post('your-url', $(this).serialize(), function(response) { // 处理服务器返回的数据 }); }); ``` 三、jQuery Form插件 jQuery Form插件(https://github.com/malsup/form)提供了更高级的功能,如异步上传...

    解决LayUI表单获取不到data的问题

    前几天用LayUI表单进行AJAX提交的时候发现,function(data)里的data始终无法获取表单里填的值,当时我认为是出BUG了就用了$(‘#updateform’).serialize()来获取表单数据 //form表单 更新员工信息 form.on('...

    jQuery 1.5 API 中文版

    $.blur,.mousedown,.change,.mouseenter,.click,.mouseleave,.dblclick,.mousemove,.error,.mouseout,.focus,.mouseover,.focusin,.mouseup,.focusout,.resize,.keydown,.scroll,.keypress,.select,.keyup,.submit,....

    基于jquery的实现不刷新页面的动态表单提交效果.zip

    除了$.ajax(),jQuery还提供了$.post()和$.get()这两个简化的版本,适用于大多数简单的提交场景。例如,使用$.post()提交表单数据: ```javascript $.post('提交的URL', {key1: value1, key2: value2}, function...

    50个jquery

    18. **表单操作(Form Handling)**:$.fn.serialize()序列化表单数据,$.fn.submit()监听表单提交。 19. **匹配元素(Matching Elements)**:$.fn.is()判断元素是否匹配特定选择器。 20. **元素操作(Element ...

    jquery.serializejson.min.js

    在jQuery中,`$.serialize()`方法可以将表单中的所有元素(如input、select和textarea)转换为URL编码的字符串,适合于HTTP请求。然而,这种方法并不直接支持生成JSON格式,这就是`jquery.serializejson.min.js`插件...

Global site tag (gtag.js) - Google Analytics