• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    Ajax异步提交数据返回值的换行问题实例分析

    本文实例分析了Ajax异步提交数据返回值的换行问题。分享给大家供大家参考,具体如下:

    前面分析介绍了《Javascript基于AJAX回调函数传递参数》及《IE浏览器与FF浏览器关于Ajax传递参数值为中文时的区别》,学习了ajax回调函数传参与针对不同浏览器处理中文乱码问题的方法。这里就来分析一下ajax异步提交返回值中换行问题的处理技巧。

    背景介绍:

    需要实现的功能是:在下拉框中选择分类,提交到PHP根据选择的分类返回该分类下的成员名称,返回值各成员姓名以换行的形式显示到textarea中。

    html代码:

    form action="setduty.php?action=add" method="post" name="setForm" id="setForm">
    p> label>类型:/label>
      select name="type" id="typeduty">
      option value="-1">选择类型/option>
      option value="1">值班首长/option>
      option value="2">值班处长/option>
      option value="3">值班员/option>
      /select>
    /p>
    p class="opertext"> 
        label>成员:/label>
       textarea name="names" id="names" cols="30" rows="10">/textarea>
    /p>
    

    JQuery 代码:

    $(document).ready(function(){
     $("#typeduty").change(function(){
      var type = $("#typeduty").val();
      $.post("setduty_do.php",
       {
        'cid' : type,
       },function(data,status){
        newData = data.replace(/\r\n/g,'');
         $("#names").html(newData);
      });
     });
    });
    
    

    PHP代码:

    if($type){
     switch($type){
      case "1":
       $arrs = getChiefList();
      break;
      case "2":
       $arrs = getDirectList();
      break;
      case "3":
       $arrs = getAttendantList();
      break;
      default:
      break;
     }
     $arr_names = "";
     foreach($arrs as $arr){
      if(strlen($arr[1])>2){
       $arr_names.= $arr[1]."\n";
      }
     }
     echo $arr_names;
    }
    
    

    php代码中返回的值直接带有换行“\n”,textarea 中IE和FF的换行符号都是 "\n",jQuery 的处理返回值中注意,使用

    复制代码 代码如下:
    newData = data.replace(/\r\n/g,'');

    处理返回的结果,用于去除最开始的换行符号,Ajax返回的值中,都自动带有一个换行。这是Ajax本身带有的。

    希望本文所述对大家ajax程序设计有所帮助。

    您可能感兴趣的文章:
    • jquery ajax例子返回值详解
    • jquery ajax return没有返回值的解决方法
    • js获取ajax返回值代码
    • asp.net利用Ajax和Jquery在前台向后台传参数并返回值的实例
    • ajax返回值中有回车换行、空格的解决方法分享
    • jquery+ajax请求且带返回值的代码
    • ajax 返回值自动添加pre标签的解决方法
    • 创建公共调用 jQuery Ajax 带返回值
    • ajax请求后台接口数据与返回值处理js的实例讲解
    • 解决ajax请求后台,有时收不到返回值的问题
    • 快速解决ajax返回值给外部函数的问题
    • Ajax返回值类型与用法实例分析
    上一篇:IE浏览器与FF浏览器关于Ajax传递参数值为中文时的区别实例分析
    下一篇:ajax中data传参的两种方式分析
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    Ajax异步提交数据返回值的换行问题实例分析 Ajax,异步,提交,数据,返回,