zoukankan      html  css  js  c++  java
  • $.get/$.post/$.ajax/$.getJSON

    1. $.get()方法

      一般用get方法获取数据库里面的值 。

      $("button").click(function(){

      var url="后台处理该数据的地址?id=89&name=iii";

      $.get("url",function(data){

      $("ul>li ").append(data );

      });

      });

    2. $.post()方法

      post法有向指定的资源提交要处理的数据的意思,需要提交

    $("button").click(function(){

    var url="后台处理该数据的地址";

    $.post("url",

    {

    id:89,

    name:"iii"

    },

    function(data,status){

    $("ul>li ").append(data );

    });

    });

     
    1. $.ajax()方法

      该方法主要用来改变div标签内的文本元素

    $("button").click(function(){

    var url="后台处理该数据的地址";

    $.ajax({url:"url",success:function(result){

    $("#div1").html(result);

    }});

    });

     

     

    1. $.getJSON()方法
      使用 HTTP GET 请求从服务器加载 JSON 编码的数据

    $(function()

    {

    $("#homepage").load(function()

    {

    RssMaskLayer.show();//正在加载的图片

    RssLoadBox.show();//加载框

    $.getJSON("http://localhost:8084/api/article/list",function(json)

    {

    RssMaskLayer.close();

    RssLoadBox.close();

    $("#homepage ul").mapitem(json);//

    $("#homepage ul").find("li").click(function()

    {

    $.getJSON("http://localhost:8084/api/article/view?id="+$(this).attr("dataid"),function(json)

    {

    $("#articleviewpage").mapjson(json);

    });

    });

    });

    }).load();

    });

     

     

     

     

     

     

    参考:http://www.runoob.com/jquery/jquery-ref-ajax.html

    区别:http://www.runoob.com/jquery/jquery-ajax-get-post.html

    http://www.runoob.com/tags/html-httpmethods.html

  • 相关阅读:
    【maven】之打包war依赖子项目jar
    ~~运算符
    ~运算符
    Vuex文档
    vue-cli文档
    express文档
    vue-router 2文档
    Swiper文档
    基于React服务器端渲染的博客系统
    react.JS
  • 原文地址:https://www.cnblogs.com/bonly-ge/p/7074584.html
Copyright © 2011-2022 走看看