$.ajax() 方法

一:js代码

$(function () {
            $("#login").click(function () {
                $.ajax({
                    type: "POST", //请求方式
                    url: "http://localhost:80/cdw-be/index.php/Admin/login", //发送请求的地址
                    data: {
                        uname: "123",
                        pwd: "123"
                    }, //发送到服务器的数据
                    //dataType: "json",  //预期服务器返回的数据类型
                    error: function (data) {
                        alert("connection error");
                    },
                    //请求成功后调用的回掉函数 两个参数1、服务器返回 根据dataType参数进行处理后的数据 2、描述状态的字符串
                    success: function (data) {
                        alert(data);  //警告框返回获取的数据
                        window.location.href = "../../index.html"; //本窗口跳转其他页面
                    }
                });
            });
        });

url :http://localhost:80/cdw-be/index.php/Admin/login

数据:

uname 123

pwd 123

附上: (php -- 数据库配置信息)

<?php
return array(
    //'配置项'=>'配置值'
    'DB_TYPE'               =>  'mysql',     // 数据库类型  
    'DB_HOST'               =>  'localhost', // 服务器地址  
    'DB_NAME'               =>  'test',       //<span style="font-family: Arial, Helvetica,  
    'DB_USER'               =>  'root',      // 用户名  
    'DB_PWD'                =>  '123456',          // 密码  
    'DB_PORT'               =>  '3306',        // 端口  
    'DB_PREFIX'             =>  'car_',    // 数据库表前缀  
    'DB_FIELDTYPE_CHECK'    =>  false,       // 是否进行字段类型检查  
    'DB_FIELDS_CACHE'       =>  true,        // 启用字段缓存  
    'DB_CHARSET'            =>  'utf8',      // 数据库编码默认采用utf8  
);

附录: 登陆代码

$.ajax() 方法$.ajax() 方法
<!DOCTYPE html>
 <html lang="en">
 
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>login</title>
 
     <script type="text/javascript" src="../../js/jquery-3.3.1.js"></script>
     <script>
         $(function () {
             $("#login").click(function () {
                 $.ajax({
                     type: "POST", //请求方式
                     url: "http://localhost:80/cdw-be/index.php/Admin/login", //发送请求的地址
                     data: {
                         uname: "123",
                         pwd: "123"
                     }, //发送到服务器的数据
                     //dataType: "json",  //预期服务器返回的数据类型
                     error: function (data) {
                         alert("connection error");
                     },
                     //请求成功后调用的回掉函数 两个参数1、服务器返回 根据dataType参数进行处理后的数据 2、描述状态的字符串
                     success: function (data) {
                         alert(data);  //警告框返回获取的数据
                         window.location.href = "../../index.html"; //本窗口跳转其他页面
                     }
                 });
             });
         });
     </script>
 
 </head>
 
 
 <body>
     <div>
         <p>
             <label for="username">用户名</label>
             <input type="text" id="username" />
         </p>
         <p>
             <label for="password">密码</label>
             <input type="text" id="password" />
         </p>
         <p>
             <button type="button" id="login">登陆</button>
         </p>
     </div>
 </body>
 
 </html>
View Code

相关推荐