Ajax không tìm được ID của control khi sử dụng masterpage

**blogstud1** · 08-03-2012, 07:48 PM

Các bạn giúp mình cái này với. Mình dùng ajax để kiểm tra tên đăng nhập khi người dùng tạo tài khoản. Cái ajax sẽ gọi đếm một hàm để kiểm tra trong CSDL đã có username đó chưa. Nhưng mình bị mắc cái phần ajax quá. Chẳng hiểu sao khi chạy thì nó cứ báo là không tìm thấy control đó. Mình dùng filebug thì thấy nó thêm cái ContentPlaceHolder1_TenControl và mình cũng đã đổi tên control lại nhưng vẫn không được nó vẫn báo là không tìm được control tương ứng. Nếu làm trên file không using masterpage thì không vấn đề gì. Các bạn chỉ giúp mình lỗi này với. Cảm ơn các bạn.
Đây là code trong Masterpage

Mã:

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="WebApplication1.Site1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <title></title>    <script src="Jquery-1.6.4.js" type="text/javascript"></script>    <script src="jquery-1.2.6.min.js" type="text/javascript"></script>    <script type="text/javascript">        $(document).ready(function () {            var $j = jQuery.noConflict();            $("#btClick").click(function () {                $.ajax({                    type: "POST",                    url: "WebForm1.aspx/ShowText",                    data: "{'str':'" + $j("#<%=ContentPlaceHolder1_txt.ClientID %>").val() + "'}",                    contentType: "application/json; charset=utf-8",                    dataType: "json",                    success: function () {                        $j("#lbl").text('ok');                    },                    error: function () {                        alert('Field');                    }                });            });        });    </script>    <%--<script type="text/javascript">        $(document).ready(function () {            $("#txt").click(function () {                alert('Hehe');            });        });    </script>--%></head><body>    <form id="form1" runat="server">    <div>        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">        </asp:ContentPlaceHolder>    </div>    </form></body></html>

Đây là code trong file webfrom2

Mã:

<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true"    CodeBehind="WebForm2.aspx.cs" Inherits="WebApplication1.WebForm2" %> <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">    <input id="btClick" type="button" value="button" />    <%--<asp:TextBox ID="txt" runat="server"></asp:TextBox>--%>    <input id="txt" type="text" value="button" />    </asp:Content>

Còn đây là hàm webmethod

Mã:

[System.Web.Services.WebMethod]        public static string ShowText(string str)        {            return str;        }

View more random threads:

**luattrihung** · 09-03-2012, 10:31 AM

data: "{'str':'" + $j("#<%=ContentPlaceHolder1_txt.ClientID %>").val() + "'}",

Dòng đó có vấn đề thì phải? tại sao lại dùng 2 kiểu cùng lúc: chỉ dùng kiểu
$j("#<%=txt.ClientID %>").val() + "'}",

hoặc
$j("#ContentPlaceHolder1_txt").val() + "'}",
thui chứ. bạn thử lại coi.

**diepminhchautoan** · 09-03-2012, 02:59 PM

Không ai giúp mình với ak?

**minhtanqn76** · 09-03-2012, 03:52 PM

[IMG]images/smilies/1.gif[/IMG] Dùng master page thì phải coi chừng cái ID đó. Thường thì ID ở trình duyệt sẽ bị cộng thêm giá trị nào đó: ví dụ: ctr100_placeholder_txtUserName,.... Do vậy, bạn nên kiểm tra xem ID ở trình duyệt đã khớp với cái bạn code Ajax chưa? dùng Firebug mà "soi", cực chuẩn.hihi. Đợt nọ t xài Js,jquery cũng ăn chưởng kiểu đó, "soi" xong là ok luôn.

**minhthuy53** · 09-03-2012, 06:34 PM

Cái này do Document chưa ready mà

**misuto** · 09-03-2012, 07:28 PM

Gửi bởi nguoidanongxala

Cái này do Document chưa ready mà

Vâng. Vậy phải làm cách nào để nó ready ạ. Em đã có code vào trong document.ready(); rồi mà.

**rungram90** · 10-03-2012, 04:15 PM

Mã:

<%= "Tên Control".ClientID %>

hoặc chỉnh Properties của ClientIDMode của control thành Static. Như thế khi mình đặt tên là gì thì khi render xong nó vẫn sẽ là như thế. Việc thêm tên của ContentPlaceHolder vào trước tên control là để tránh việc trùng ID khi mà có 2 control cùng 1 tên trong 1 page.

**thanhtungbooking** · 10-03-2012, 04:25 PM

[IMG]images/smilies/waiting.gif[/IMG] Mình nghĩ làm thế là đc rồi. Mà ko thấy chủ thớt nói gì.hehe.

**khamnamkhoa** · 12-03-2012, 03:28 PM

Xin lỗi mọi người mình mấy hôm trước về quê nên chưa làm được. Mình có code theo gợi ý trên nhưng cũng không có kêt quả. Mình thấy từ cái hàm $.ajax thì các control mới bị báo lỗi như thế.
Code file default

Mã:

<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true"    CodeBehind="Default.aspx.cs" Inherits="AjaxCallASPMethod.Default" %> <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">    <asp:Label ID="lblMsg" runat="server" Text="Label"></asp:Label>    <asp:TextBox ID="txtUser" runat="server" ClientIDMode="Static"></asp:TextBox></asp:Content>

Code trong Masterpage, mình code script trên này luôn. Đoạn code này thì làm việc

Mã:

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="AjaxCallASPMethod.Site1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <title></title>    <script src="jquery-1.2.6.min.js" type="text/javascript"></script>    <script src="Jquery-1.6.4.js" type="text/javascript"></script>    <script type="text/javascript">        var $j=jQuery.noConflict();        $(document).ready(function () {            $("#txtUser").blur(function () {                alert('Hehe');            });        });    </script></head><body>    <form id="form1" runat="server">    <div>        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">        </asp:ContentPlaceHolder>    </div>    </form></body></html>

Còn đây là code sau khi cho vào hàm $j.ajax. Nó báo lỗi luôn ở dòng
[COLOR="rgb(139, 0, 0)"]data: "{'stt':'" + $("#<%=txtUser.ClientID %>").val() + "'}",[/COLOR]

[COLOR="rgb(139, 0, 0)"]Compiler Error Message: CS0103: The name 'txtUser' does not exist in the current context[/COLOR]

Mã:

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="AjaxCallASPMethod.Site1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <title></title>    <script src="jquery-1.2.6.min.js" type="text/javascript"></script>    <script src="Jquery-1.6.4.js" type="text/javascript"></script>    <script type="text/javascript">        var $j=jQuery.noConflict();        $(document).ready(function () {            $("#txtUser").blur(function () {                $j.ajax({                    type: "POST",                    url: "Default.aspx/ShowText",                    data: "{'stt':'" + $j("#<%=txtUser.ClientID %>").val() + "'}",                    contentType: "application/json; charset=utf-8",                    dataType: "json",                    success: function () {                        alert('Ok');                    },                    error: function () {                        alert("Error");                    }                });            });        });    </script></head><body>    <form id="form1" runat="server">    <div>        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">        </asp:ContentPlaceHolder>    </div>    </form></body></html>

Dòng $("#txtUser").blur(function () { thì không thấy báo lỗi là không tìm được control, nhưng từ sau khi cho vào hàm ajax thì lại bị ( data: "{'stt':'" + $j("#<%=txtUser.ClientID %>").val() + "'}",) mình đã tham khảo nhiều chỗ thấy cách truyền tham số vào hàm data không có gì sai nhưng chẳng hiểu sao lại không được. Mọi người giúp mình với.

**ngoctran89** · 27-03-2012, 10:18 AM

Bạn thử đoạn code này xem sao?

$("#txtUser").blur(function () {
var txt = $('#txtUser').attr("value");
var url ="Default.aspx";
var data = "act=ShowText&stt="+txt;
$j.ajax({
type: "POST",
url: url,
data: data,
success: function () {
alert('Ok');
},
error: function () {
alert("Error");
}
});
});

Chủ đề: Ajax không tìm được ID của control khi sử dụng masterpage

Công cụ Chủ đề

Tìm Chủ đề

Hiển thị

Ajax không tìm được ID của control khi sử dụng masterpage

View more random threads:

Quyền viết bài

Ý nghĩa và cách phân loại vòng tay...

Tinh Thần Truyền Bá: Skyhome.vn và...

An Ninh và Y Tế Tương Tác: Sứ Mệnh...

Thanh lý pallet nhựa cũ Đaklak

Bí quyết làm bạn trai lên đỉnh...