jsonp的跨域访问

前端之家收集整理的这篇文章主要介绍了jsonp的跨域访问前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

前台代码

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <Meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <Meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0">
  6. <Meta name="apple-mobile-web-app-capable" content="yes">
  7. <Meta name="apple-mobile-web-app-status-bar-style" content="black">
  8. <title>上拉下拉动态加载例子</title>
  9. <link href="/css/jquery.mobile.structure-1.3.2.css" rel="stylesheet" type="text/css"/>
  10. <link href="/css/jquery.mobile-1.3.2.css" rel="stylesheet" type="text/css"/>
  11.  
  12. <script src="/js/jquery.js" type="text/javascript"></script>
  13.  
  14. <script src="/js/jquery.mobile-1.3.2.min.js" type="text/javascript"></script>
  15. <script type="text/javascript">
  16. $(document).ready(function(){
  17. $("#sub").click(function(){
  18. $.ajax({
  19. //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){
  20. //$("#fanhui").val(data[0].uname);
  21. alert('您的名字:'+json[0].uname);
  22. },error: function (jqXHR,textStatus,errorThrown) {
  23. alert(textStatus[0]);
  24. }
  25. });
  26. });
  27. });
  28. </script>
  29. </head>
  30. <body>
  31.  
  32. <div data-role="page" id="page1">
  33. <div data-theme="a" data-role="header">
  34. <h3>
  35. Header
  36. </h3>
  37. </div>
  38. <div data-role="content">
  39. <div data-role="fieldcontain">
  40. <input name="uname" id="uname" placeholder="帐号" value="" type="text">
  41. </div>
  42. <div data-role="fieldcontain">
  43. <input name="upass" id="textinput3" placeholder="密码" value="" type="password">
  44. </div>
  45. <p id="p1"></p>
  46. <p id="p2">有用吗??</p>
  47. <input id="sub" type="submit" value="提交" name="sub">
  48. <input type="submit" value="取消" name="">
  49. <h2>返回的内容</h2>
  50. <div data-role="fieldcontain">
  51. <input name="" id="fanhui" placeholder="" value="" type="text">
  52. </div>
  53. <button>页面发送</button>
  54. </div>
  55. <div data-role="footer" data-position="fixed">
  56. <div data-role="navbar" data-grid="a">
  57. <ul>
  58. <li><a href="index.html" class="ui-btn-active" data-ajax="false">首页</a></li>
  59. <li><a href="two.html" data-ajax="false">第二页</a></li>
  60. </ul>
  61. </div>
  62. </div>
  63. </div>
  64. </body>
  65. </html>

CI的Model层:

  1. <?PHP
  2. class Test_m extends CI_Model
  3. {
  4. function __construct()
  5. {
  6. parent::__construct();
  7. $this->load->database();
  8. }
  9.  
  10. function user_insert($arr)
  11. {
  12. $this->db->insert('user',$arr);
  13. }
  14.  
  15. function user_update($id,$arr)
  16. {
  17. $this->db->where('uid',$id);
  18. $this->db->update('user',$arr);
  19. }
  20.  
  21. function user_del($id)
  22. {
  23. $this->db->where('uid',$id);
  24. $this->db->delete('user');
  25. }
  26.  
  27. function user_select($name)
  28. {
  29. $this->db->where('uname',$name);
  30. $this->db->select('*');
  31. $query=$this->db->get('user');
  32. return $query->result();
  33. }
  34.  
  35. function user_select_all()
  36. {
  37. $this->db->select('*');
  38. $query=$this->db->get('user');
  39. return $query->result();
  40. }
  41.  
  42. function user_select_limit($start,$end)
  43. {
  44. $this->db->select('*');
  45. $this->db->limit($end,$start);
  46. $query=$this->db->get('user');
  47. return $query->result();
  48. }
  49. }
  50. ?>

CI的Controller层:
  1. <?PHP if ( ! defined('BASEPATH')) exit('No direct script access allowed');
  2. class Login extends CI_Controller
  3. {
  4. function index()
  5. {
  6. $this->load->helper('url');
  7. $this->load->view('jquery');
  8. }
  9. public function test()
  10. {
  11. echo '存在';
  12. }
  13. public function get()
  14. {
  15. $this->load->model("test_model");
  16. $user =
  17. $data['status'] = 'success'; // 成功的狀態
  18. $data['result'] = '我要的內容';
  19. echo json_encode($data);
  20. }
  21. function checklogin()
  22. {
  23. $this->load->model("test_m");
  24. $user=$this->test_m->user_select($_GET['uname']); //这边一定要用Get
  25. if($user)
  26. {
  27. // echo '成功了';
  28. // var_dump($user);
  29. $test = json_encode($user);
  30. $callback = $_GET['callback'];
  31. echo $callback."($test)";
  32. exit;
  33. }
  34. else
  35. {
  36. echo '没有成功,你不是会员';
  37. }
  38. }
  39.  
  40.  
  41.  
  42. }

猜你在找的Json相关文章