jquery获取json_encode

index.php
  1. <script type="text/javascript" src="../jquery/jquery.js"></script> 
  2. <script type="text/javascript">var $j = jQuery.noConflict();</script>
  3. <script>
  4.                         function changeAddressInfo(obj,index,type){
  5.                                             
  6.                                 $j.get("url.php", {addressId:obj.value, type:type}, function(res) {
  7.                                     eval("var data=" + res + "");
  8.                                     if (!data) return;
  9.                                     // set address info
  10.                                         $j("#addressId").val(data.addressId);
  11.                                         $j("#id").val(data.id);
  12.                                         $j("#name").val(data.name);
  13.                                         $j("#age").val(data.age);
  14.                                         $j("#chinese").val(data.chinese);
  15.                     
  16.                                 
  17.                                 
  18.                                 })
  19.                             
  20.                         }
  21. </script>
  22. <SELECT  ID="test" οnchange="changeAddressInfo(this,2,3)">
  23.     <OPTION VALUE="王川" SELECTED>1</OPTION>
  24.     <OPTION VALUE="盛莉">2</OPTION>
  25.     <OPTION VALUE="魏志强">3</OPTION>
  26.     <OPTION VALUE="李欢">4</OPTION>
  27.     <OPTION VALUE="windy">5</OPTION>
  28. </SELECT>
  29. <INPUT TYPE="text" NAME="addressId" ID="addressId">
  30. <INPUT TYPE="text" NAME="id" ID="id">
  31. <INPUT TYPE="text" NAME="name" ID="name">
  32. <INPUT TYPE="text" NAME="age" ID="age">
  33. <INPUT TYPE="text" NAME="chinese" ID="chinese">
  34. url.php
    1. <?php
    2. $addressId = $_GET['addressId'];
    3. $name = iconv("gb2312","utf-8","王川");
    4. $Array_B = array("id"=>"1","name"=>"windy","age"=>"24","chinese"=>$name,"addressId"=>$addressId);
    5. $json = json_encode($Array_B);
    6. echo $json;
    7. ?>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,您可以参考以下代码实现: HTML代码: ``` <form id="login-form"> <input type="text" name="username" placeholder="用户名"> <input type="password" name="password" placeholder="密码"> <button type="submit">登录</button> </form> <div id="login-result"></div> ``` jQuery代码: ``` $(document).ready(function() { // 监听登录表单提交事件 $('#login-form').on('submit', function(e) { e.preventDefault(); // 获取表单数据 var formData = { 'username': $('input[name="username"]').val(), 'password': $('input[name="password"]').val() }; // 发送AJAX请求 $.ajax({ url: 'login.php', // 后端处理登录的PHP文件 type: 'POST', dataType: 'json', data: formData, success: function(data) { if (data.success) { // 登录成功,显示成功信息 $('#login-result').html('登录成功,欢迎访问!'); } else { // 登录失败,显示失败信息 $('#login-result').html('用户名或密码错误,请重试!'); } }, error: function(xhr, status, error) { // AJAX请求失败,显示错误信息 $('#login-result').html('服务器错误,请稍后再试!'); } }); }); }); ``` PHP代码(login.php): ``` <?php // 获取POST请求中的用户名和密码 $username = $_POST['username']; $password = $_POST['password']; // 模拟登录处理逻辑 if ($username == 'admin' && $password == 'admin') { // 登录成功,返回JSON数据 echo json_encode(array('success' => true)); } else { // 登录失败,返回JSON数据 echo json_encode(array('success' => false)); } ?> ``` 以上代码实现了一个基本的AJAX用户登录功能,您可以根据自己的实际需求进行修改和优化。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值