Ajax : $. get()和$.post() $.getScript $.getJSON

Posted 2020-08-30 党兴明

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Ajax : $. get()和$.post() $.getScript $.getJSON相关的知识，希望对你有一定的参考价值。

<body>
    <input type="button" value="Ajax" />
    <div id="box"></div>
</body>

test.html

<span class="name">党兴明</span>
<span class="age">24</span>

test.php

<?php
    
//    if($_POST[‘age‘] == 24){
//        echo ‘php:党兴明24‘;
//    }else{
//        echo ‘木有‘;
//    }    
    
    if($_GET[‘age‘] == 24){
        echo ‘php:党兴明24‘;
    }else{
        echo ‘木有‘;
    }
    
?>

test.xml

<?xml version="1.0"?>
<root>
    <url>www.ycku.com</url>
</root>

test.josn

[
    {
        "url" : "www.ycku.com"
    }
]

$. get():

    //1 三种传值
    $(‘input‘).click(function(){
        $.get(‘test.php?age=24‘,function(response,status,xhr){
            $(‘#box‘).html(response);
        });
    });    
    //2 
    $(‘input‘).click(function(){
        $.get(‘test.php‘,‘age=24‘,function(response,status,xhr){
            $(‘#box‘).html(response);
        });
    });    
    //3
    $(‘input‘).click(function(){
        $.get(‘test.php‘,{
            age:24
        },function(response,status,xhr){
            $(‘#box‘).html(response);
        });
    });

$.post()

    //1 两种传值
    $(‘input‘).click(function(){
        $.post(‘test.php‘,‘age=24‘,function(response,status,xhr){
            $(‘#box‘).html(response);
        });
    });    
    //2
    $(‘input‘).click(function(){
        $.post(‘test.php‘,{
            age:24
        },function(response,status,xhr){
            $(‘#box‘).html(response);
        });
    });

读取.xml和.josn文件：

    $(‘input‘).click(function(){
        $.post(‘test.xml‘,function(response,status,xhr){
            $(‘#box‘).html($(response).find(‘root‘).find(‘url‘).text());
        });
    });

    $(‘input‘).click(function(){
        $.post(‘test.json‘,function(response,status,xhr){
            $(‘#box‘).html(response[0].url);
        });
    });

$.getScript()

    $(‘input‘).click(function(){
        $.getScript(‘js/test.js‘);
    });

$.getJSON()

    $(‘input‘).click(function(){
        $.getJSON(‘test.json‘,function(response,status,xhr){
            $(‘#box‘).html(response[0].url);
        });
    });

以上是关于Ajax : $. get()和$.post() $.getScript $.getJSON的主要内容，如果未能解决你的问题，请参考以下文章

jQuery – AJAX get() 和 post() 方法

$.ajax(),$.get(),$.post()的区别，以及一些参数注意规则