前臺代碼：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>上拉下拉動態加載例子</title>
<link href="/css/jquery.mobile.structure-1.3.2.css" rel="stylesheet" type="text/css"/>
<link href="/css/jquery.mobile-1.3.2.css" rel="stylesheet" type="text/css"/>
<script src="/js/jquery.js" type="text/javascript"></script>
<script src="/js/jquery.mobile-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#sub").click(function(){
$.ajax({
//url:'<?php echo base_url("index.php/login/checklogin") ?>',
url:"http://localhost/index.php/login/checklogin?uname="+$("#uname").val(),
type: "get",
async: false,
// data:{uname:$("#uname").val()},
// dataType: "text",
dataType:"jsonp",
jsonp:"callback",
jsonpCallback:"test",
success: function(json){
//$("#fanhui").val(data[0].uname);
alert('您的名字：'+json[0].uname);
},
error: function (jqXHR, textStatus, errorThrown) {
alert(textStatus[0]);
}
});
});
});
</script>
</head>
<body>
<div data-role="page" id="page1">
<div data-theme="a" data-role="header">
<h3>
Header
</h3>
</div>
<div data-role="content">
<div data-role="fieldcontain">
<input name="uname" id="uname" placeholder="帳號" value="" type="text">
</div>
<div data-role="fieldcontain">
<input name="upass" id="textinput3" placeholder="密碼" value="" type="password">
</div>
<p id="p1"></p>
<p id="p2">有用嗎？？</p>
<input id="sub" type="submit" value="提交" name="sub">
<input type="submit" value="取消" name="">
<h2>返回的內容</h2>
<div data-role="fieldcontain">
<input name="" id="fanhui" placeholder="" value="" type="text">
</div>
<button>向頁面發送</button>
</div>
<div data-role="footer" data-position="fixed">
<div data-role="navbar" data-grid="a">
<ul>
<li><a href="index.html" class="ui-btn-active" data-ajax="false">首頁</a></li>
<li><a href="two.html" data-ajax="false">第二頁</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>CI的Model層：
<?php
class Test_m extends CI_Model
{
function __construct()
{
parent::__construct();
$this->load->database();
}
function user_insert($arr)
{
$this->db->insert('user',$arr);
}
function user_update($id,$arr)
{
$this->db->where('uid',$id);
$this->db->update('user',$arr);
}
function user_del($id)
{
$this->db->where('uid',$id);
$this->db->delete('user');
}
function user_select($name)
{
$this->db->where('uname',$name);
$this->db->select('*');
$query=$this->db->get('user');
return $query->result();
}
function user_select_all()
{
$this->db->select('*');
$query=$this->db->get('user');
return $query->result();
}
function user_select_limit($start,$end)
{
$this->db->select('*');
$this->db->limit($end,$start);
$query=$this->db->get('user');
return $query->result();
}
}
?>CI的Controller層：
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class Login extends CI_Controller
{
function index()
{
$this->load->helper('url');
$this->load->view('jquery');
}
public function test()
{
echo '存在';
}
public function get()
{
$this->load->model("test_model");
$user =
$data['status'] = 'success'; // 成功的狀態
$data['result'] = '我要的內容';
echo json_encode($data);
}
function checklogin()
{
$this->load->model("test_m");
$user=$this->test_m->user_select($_GET['uname']); //這邊一定要用Get
if($user)
{
// echo '成功了';
// var_dump($user);
$test = json_encode($user);
$callback = $_GET['callback'];
echo $callback."($test)";
exit;
}
else
{
echo '沒有成功，你不是會員';
}
}
}
