zoukankan      html  css  js  c++  java
  • jQuery ajax表单提交实现局部刷新

    jQuery Ajax 异步提交 Form 表单,如果使用 get 请求,注意中文乱码问题,jquery 会先使用 iso8859-1 解码,然后发给服务器,如果使用 post 请求,则直接将中文内容提交给服务器解析。

    引入插件:

    jquery.min.js

    jquery.form.js

    提交表单:

    以下为引用内容: 
    // 动态加载页面
    // id 显示页面的容器组件ID2
    // url 欲加载页面网址
    // gop get请求还是post请求,默认get
    function loadPage(id, url, gop) {
       $("#" + id).addClass("loader");
       $("#" + id).append("Loading......");
       var type = (gop == "post" ? "post" : "get");
       $.ajax( {
          type : type,
          url : url,
          cache : false,
          error : function() {
             alert('加载页面' + url + '时出错!')
          },
          success : function(content) {
             $("#" + id).empty().append(content);
             $("#" + id).removeClass("loader");
          }
       });
    }
    // 局部提交表单
    function formSubmit(formId, divId, url) {
       $('#' + formId).submit(function() {
       $(this).ajaxSubmit( {
          target : '#' + divId,
          url : url,
          error : function() {
             alert('加载页面' + url + '时出错!')
          }
       });
       return false;
       });
    }
  • 相关阅读:
    linux virtualbox
    cboard安装
    test
    kafka安装
    OLAP解释
    php 连接数据库直接转成json格式
    hive学习
    mariadb修改密码
    mariadb anzhuang
    IDEA12 中写hql语句编译器莫名报错
  • 原文地址:https://www.cnblogs.com/zhujiabin/p/4923913.html
Copyright © 2011-2022 走看看