王明昌博客如果你对该文章中的内容有疑问/不解,可以点击此处链接提问
要注明问题和此文章链接地址 点击此处跳转
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).")";
