码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-02-12 21:08:40      阅读:249      评论:0      收藏:0      [点我收藏+]

标签:post   type   click   body   response   function   .json   str   status   

<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

标签:post   type   click   body   response   function   .json   str   status   

原文地址:http://www.cnblogs.com/by-dxm/p/6391720.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!