.netとajaxを学ぶ詳細な事例まとめ

まず、ajax とは何かを理解します。

AJAX は新しいプログラミング言語ではなく、より優れた、より高速で、よりインタラクティブな Web アプリケーションを作成するためのテクノロジーです。
AJAX を使用すると、JavaScript の XMLHttpRequest オブジェクトを使用して、JavaScript がサーバーと直接通信できます。このオブジェクトにより、JavaScript はページをリロードせずに Web サーバーとデータを交換できるようになります。
AJAX はブラウザと Web サーバーの間で非同期データ転送 (HTTP リクエスト) を使用します。これにより、Web ページはページ全体ではなく少量の情報をサーバーに要求できます。

JavaScript に関して言えば、誰もがブラウザーの互換性の問題を思い浮かべるでしょう。実際、ajax もこの問題を考慮する必要があります。ブラウザごとに使用される Web JavaScript クラスが異なるため、生成される効果は同じではありません。以下はナンセンスではありません。参考のためにコードを直接紹介するだけです。 {var xmlhttp; // xmlhttp.open("POST", "GetDate.ashx?nd=" + new Date( ), false); // サーバー上のページにリクエストを送信します
xxxxx = xmlhttp.res ponseText;//ここでここで、HTML タグに渡したパラメータやその他の変数処理の問題を返すことができます
using using using using using using ‐ through using through through through ' s through ‐ to ‐ ‐‐‐‐‐ and } //responseText はテキストですサーバーによって返されました

}
それは場合によるので、ここで紹介する必要はありません。

これらのコードを見てどう思いますか? JavaScript や Ajax を学んだばかりの学生にとって、これらのコードをどのように理解しますか? 基本的には誰でも理解できます。しかし、各ページを部分的に更新する必要がある場合、そのようなコードを各ページに記述するのは非常に面倒に感じられるでしょう。jQuery を使用すると、プロジェクトの開発の困難さが軽減されます。 jQuery コードを使用します:

$.ajax({

type: "POST",

URL: "some.php",

data: "name=John&location=Boston",
success: function(msg){
alert( "保存されたデータ: " + msg );
}
});別の方法

$.post("test.php", { 名前: "ジョン"、時刻: "午後 2 時" },
function(data){

アラート("Data Loaded: " + data);

}); ここでは彼が書いた関数を呼び出していますが、これでは役に立たないように感じます。ページを更新するのは非常に簡単ですが、小さなデータを渡すだけです。データベースからデータを抽出するのは非常に面倒です。これは、皆さんに考えてもらうためのコードの一部です

以下は、私の実装です。更新 フロントエンドとバックエンドのコードにコメントして表示します:

DeleteMethod="Delete" InsertMethod="Insert"
OldValuesParameterFormatString="original_{0}" SelectMethod="GetData"
TypeName="ajax学习.DataSetCommentTableAdapters.T_CommentTableAdapter"
UpdateMethod="更新" >





               
               
           
           
               
               
               
               
           
       
       

       
           
               
• 评论日期:,IP:,内容：
  

           
       
       

   

            value="提交" />
   

バックエンド コード (AjaxComment.ashx)

System を使用;
System.Collections.Generic を使用;
System.Linq を使用;
System を使用.Web;
using ajax learning.DataSetCommentTableAdapters;
using System.Web.Services;
namespace ajax learning.更新コメントはありません
{
///

/// AjaxComment の概要説明
///
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
public class AjaxComment: IHttpHandler
{

public void ProcessRequest(Http Context context)
{
context.Response.ContentType = "text/plain";
string msg = context.Request["msg"]; ;
フロントエンドのコードに問題がある場合はどうすればよいですか?多くのフィールドと属性を含むデータを渡すにはどうすればよいですか? このようにすべてのデータを分割すると、大きなプロジェクトを実行する場合は間違いなく疲れます。これは、json の使用です。非更新コメントを使用するための JSON コードを紹介します

フロントエンド コード: