Ajax非同期送信データ戻り値の改行問題の解析例

亚连
リリース: 2018-05-24 12:04:29
オリジナル
1963 人が閲覧しました

この記事では、Ajax の非同期送信データの戻り値の改行の問題を中心に、Ajax の非同期送信処理における改行のある戻り値の処理手法を例の形で詳しく分析しています。次の

の例は、Ajax で非同期に送信されたデータの戻り値の行折り返し問題を分析します。参考として皆さんと共有してください。詳細は次のとおりです。

前回の分析では、「JavaScript が AJAX コールバック関数に基づいてパラメータを渡す」と「Ajax 転送パラメータ値が中国語の場合の IE ブラウザと FF ブラウザの違い」を紹介しました。 ajax コールバックについて学びました。 関数転送には、さまざまなブラウザーでの中国語の文字化けの問題を処理するためのメソッドが含まれます。ここでは、Ajax 非同期送信の戻り値の改行を処理するテクニックを分析します。

背景の紹介:

実装する必要がある関数は次のとおりです: ドロップダウン ボックスでカテゴリを選択し、それを PHP に送信し、選択したカテゴリに従ってカテゴリ内のメンバー名を返します。各メンバーの名前がテキストエリアに改行で表示されます。

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",
   {
    &#39;cid&#39; : type,
   },function(data,status){
    newData = data.replace(/\r\n/g,&#39;&#39;);
     $("#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」があり、IEとFFの改行記号が含まれています。 textarea は両方とも "n" です。jQuery の戻り値の処理では

newData = data.replace(/\r\n/g,&#39;&#39;);
ログイン後にコピー

を使用して返された結果を処理し、最初の改行記号を削除することに注意してください。Ajax によって返される値には自動的に改行が含まれます。これは Ajax 自体に含まれています。

上記は私があなたのためにまとめたものです。

関連記事:

SSHオンラインモールがajaxを利用してユーザー名の非同期検証を完了

ajaxリクエストの戻りデータの順序を分析

Ajaxリクエストの繰り返し送信を防ぐ解決策

以上がAjax非同期送信データ戻り値の改行問題の解析例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート