JQ-ajax

jq 获取数据

$(function(){
//点击之后获取内容
    $('button').click(function(){
        //方法一load
        $('#box').load('./1.php');
        //方法二get
        $.get('./1.php',function(date){
            $('#box').append(date);
        })
        //方法三 post
        $.post('./1.php',function(data){
            $('#box').append(data)
        });
        //方法四ajax
        $.ajax({
            type:'get',
            url:'./1.php',
            success:function(date){
                alert(date);
            }
        });
        
    })
})

带参数

<form id="myform">
    加数1 <input type="text" id="num1" name="a"><br>
    加数2 <input type="text" id="num2" name="b"><br>
</form>
<div id="box">

2.php

echo $_POST['a'] + $_POST['b'];

$(function(){
    $('button').click(function () {
        var num1 = $('#num1').val();
        var num2 = $('#num2').val();
        //get方式 (路径,参数,function)
        $.get('./2.php',{a:num1,b:num2},function(data){
            alert(data)
        });
        //post方式
        $.post('./2.php',{a:num1,b:num2},function(data){
            alert(data)
        });
        //ajax
        //另一种参数方式,get,post一样适用
        //var cs = $('#myform input').serializeArray();//返回json对象
        //var cs = $('#myform input').serialize();//返回字符串a=num1&b=num2
        
        
        $.ajax({
            type:'post',
            url:'./2.php',
            data:cs,
            success:function(data){
                alert(data);
            }
        })

点击加载

<?php
    require './config.php';
    require './Model.class.php';

    $res = new Model('shop_user');

    $result  = $res->field(array('id','name','tel','email'))->order('id desc')->select();

    echo json_encode($result);//json方式   字符串

<script>
    $(function () {
        $('button').click(function () {
            $.ajax({
                type:'get',
                url:'./3.php',
                success:function (data) {
                    for (var i = 0; i< data.length; i++){
                        $('<li>').html(data[i].name).appendTo('#box');
                    }
                },
                dataType:'json'//字符串转换为对象
            })
        })
    })
</script>

跨域

function loadHtml(){
    $.getScript('http://localhost/1108/JQuery-03/6.php');
}

6.php

<?php
require './config.php';
require './Model.class.php';

$res = new Model('shop_user');

$result  = $res->field(array('id','name','tel','email'))->order('id desc')->select();

echo "make(".json_encode($result).")";