jsonp的跨域访问

来源：互联网发布：淘宝优惠券shihuiw 编辑：程序博客网时间：2024/05/29 11:26

前台代码：

<!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层：

<?phpclass 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']);       //这边一定要用Getif($user){     // echo '成功了';// var_dump($user); $test = json_encode($user); $callback = $_GET['callback'];    echo $callback."($test)"; exit;}else{echo '没有成功，你不是会员';}}}