Bagaimana untuk menggunakan Jquery_jquery dalam aplikasi MVC

Prakata: Dalam sekelip mata, sudah pun pertengahan November, dan mulai hari ini, saya akan terus mengkaji penggunaan terperinci ASP.NET MVC, jadi saya akan menulis nota bacaan dan pengalaman peribadi ini ke dalam blog supaya semua orang boleh belajar sesuatu, buku yang saya baca ialah: ASP.NET MVC Advanced Programming, di bawah saya akan bercakap tentang cara menggunakan JavaScript dan Jquery dalam MVC. Terdapat juga Ajax, yang sering kita gunakan sekarang.

1. Pengenalan awal kepada Ajax

　(1) Hampir semua aplikasi web yang kami cipta kini menggunakan teknologi Ajax Dari segi teknikal, Ajax adalah singkatan daripada Asynchronous JavaScript dan XML (Ajax). Dari segi praktikal, ia mewakili semua teknik yang digunakan dalam membina aplikasi web responsif dengan pengalaman pengguna yang baik.

　(2) ASP.NET MVC4 ialah rangka kerja Web moden, dan seperti rangka kerja Web moden yang lain, ia menyokong teknologi Ajax dari awal Teras sokongan Ajax datang daripada perpustakaan JavaScript sumber terbuka Jquery.

　(3) Jika kita ingin menggunakan Ajax dalam MVC, kita perlu belajar Jquery bukan fokus utama blog ini, jadi jika anda belum mempelajarinya sebelum ini, saya cadangkan anda mulakan dengan kajian awal yang sama. . Pembelajaran Jquery saya datang daripada " Sharp Jquery".

2. Cara menggunakan Jquery dalam aplikasi MVC

　(1) Apabila menggunakan templat projek Visual Studio untuk mencipta projek ASP.NET MVC baharu, ia akan menjana semua kandungan yang diperlukan untuk menggunakan Jquery secara lalai Setiap projek baharu akan mengandungi folder Skrip dengan banyak fail .js. anda boleh membuat projek mvc baharu untuk dilihat, seperti yang ditunjukkan dalam gambar:

　

　(2) Pustaka teras JQuery ialah fail bernama Jquery-.js Kerana saya menggunakan VS 2012, versi Jquery ialah 1.7.1. Terdapat juga fail Jquery-.min.js yang mengandungi ".min" dalam nama mereka, ia menggunakan lebih sedikit ruang daripada fail bukan pekat yang sepadan (biasanya separuh lebih kecil). . Ia tidak mengandungi aksara ruang kosong yang tidak diperlukan, tiada ulasan dan semua nama pembolehubah tempatan adalah satu aksara Jika anda membuka fail yang dikecilkan, anda akan melihat sekumpulan kod JavaScript yang tidak boleh dibaca. Seperti yang ditunjukkan dalam gambar:

　　

　(2) Gelagat dan fungsi fail skrip JavaScript yang dipadatkan pada klien adalah sama seperti fail yang tidak dikondenskan Walau bagaimanapun, memandangkan fail yang dipadatkan lebih kecil, biasanya mungkin untuk menghantar fail yang dipadatkan itu pelanggan sebanyak mungkin (kerana Ia boleh mengurangkan bilangan bait data yang dimuat turun, dengan itu mempercepatkan pemuatan dan berjalan).

(3) Paparan susun atur lalai (_Layout.cshtml) dalam aplikasi ASP.NET MVC biasanya menggunakan teg skrip berikut untuk merujuk versi mudah Jquery:

　

Nota: Jika anda ingin menggunakan Jquery dalam MVC, anda perlu meletakkan teg skrip di atas dalam teg HTML melalui paparan reka letak.

3. Letakkan skrip dalam nod

　(1) Cara lain untuk menyuntik skrip ke dalam output ialah mentakrifkan bahagian Razor untuk menghalang skrip Contohnya: dalam paparan susun atur (_Layout.cshtml), anda boleh menjadikan nod bernama Skrip dan menambahnya Tetapkan sebagai pilihan. . Kodnya adalah seperti berikut:

　

　

　

　

@RenderSection("skrip", diperlukan: palsu);

　

(2) Kini kita boleh menambah skrip dalam mana-mana paparan yang merujuk reka letak untuk menyuntik skrip tertentu ke dalam kepala paparan: Index.cshtml

　@{

　　ViewBag.Title = "Halaman Utama";

　}

　@skrip bahagian{

　

　}

　(3) Pada masa ini, kami menekan F5 untuk menjalankan tapak web dan membuka halaman utama tapak web: http://localhost:34147/home/index Kita dapat melihat bahawa jquery.validate. js yang kami tambahkan dipaparkan. Ia berada di bahagian bawah petikan JS. Seperti yang ditunjukkan dalam gambar:

　

　(4) Kaedah yang diperkenalkan di atas boleh menetapkan kedudukan tepat teg skrip untuk memastikan skrip yang diperlukan muncul dalam susunan yang sesuai.

4.Fail lain dalam direktori Skrip

　(1) Mari kita bincangkan bahawa apabila kita mencipta aplikasi MVC, sistem telah menambahkan folder Skrip untuk kita secara lalai, yang mengandungi banyak fail JavaScript Jadi untuk apa fail ini? Mari kita bincangkan secara berasingan

　(2) Selain pustaka teras Jquery, direktori Skrip juga mengandungi dua pemalam Jquery: UI Jquery dan pengesahan Jquery ini meningkatkan keupayaan pustaka teras Jquery.

(3) Sesetengah orang mungkin juga mendapati bahawa terdapat fail yang mengandungi "vsdoc" dalam nama mereka dalam Skrip Fail ini direka khusus untuk membantu Visual Studio dalam menyediakan perkhidmatan fungsi penderiaan pintar yang lebih baik. Tidak perlu merujuk secara langsung fail ini dalam fail program, tidak perlu menghantarnya kepada klien, Visual Studio akan menemui fail ini secara automatik apabila menggunakan fail skrip tersuai yang dirujuk dalam skrip.

(4) Fail dalam direktori yang mengandungi perkataan "tidak mengganggu" dalam namanya ditulis oleh Microsoft Skrip tidak mengganggu ini menyepadukan rangka kerja Jquery dan ASP.NET MVC, dengan itu menyediakan ciri JavaScript tidak mengganggu yang dinyatakan di atas. . , jika anda ingin melaksanakan ciri Ajax rangka kerja ASP.NET MVC, anda perlu menggunakan fail ini.

　(5) Direktori juga mengandungi beberapa fail yang namanya bermula dengan perkataan Microsoft (seperti MicrosoftAjax.js), yang sama ada mengandungi perpustakaan Microsoft Ajax atau dibina di atas perpustakaan Microsoft Ajax, sebagai aplikasi ASP.NET MVC3 Kebergantungan lalai adalah pada Jquery, jadi program yang dibuat di bawah rangka kerja ASP.NET MVC3 tidak memerlukan fail ini, jadi ia boleh dialih keluar dengan selamat daripada aplikasi Sebab mengapa fail ini disertakan di sini adalah terutamanya untuk keserasian ke belakang.

Baiklah, mari kita berhenti di sini hari ini Secara terperinci, semua orang sudah tahu cara menggunakan jQuery dalam MVC. Mari kita bincangkan secara mendalam kemudian