how to call Jquery function in the page load cs web form asp.net
Question
All replies
-
User-1174608757 posted
Hi zalnaser,
According to your description, I have made a sample here. I find there is nothing wrong with your code in page load function. Here is a demo, if you still couldn't find the problem, could you please post more detail about your code in front end? It will help us to solve your problem.
in Aspx:
<head runat="server"> <title></title> <script src="../Scripts/jquery-3.3.1.js"></script> <script> function fun() { alert("This is a js function"); } </script> </head> <body> <form id="form1" runat="server"> <div> </div> </form> </body> </html>in code behind:
public partial class clientscript : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { Page.ClientScript.RegisterStartupScript(this.GetType(), "fun", "fun()", true); } }
it shows as below:
Best Regards
Wei Zhang
-
User858909527 posted
Wei Zhang
Hi zalnaser,
According to your description, I have made a sample here. I find there is nothing wrong with your code in page load function. Here is a demo, if you still couldn't find the problem, could you please post more detail about your code in front end? It will help us to solve your problem.
in Aspx:
<head runat="server"> <title></title> <script src="../Scripts/jquery-3.3.1.js"></script> <script> function fun() { alert("This is a js function"); } </script> </head> <body> <form id="form1" runat="server"> <div> </div> </form> </body> </html>in code behind:
public partial class clientscript : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { Page.ClientScript.RegisterStartupScript(this.GetType(), "fun", "fun()", true); } }
it shows as below:Best Regards
Wei Zhang
The script that I have, it has a lot of lines. Can I write the name of the script in the html rather than putting the code of it all (call it)?
Also, I want the script to work only on the first page load. How can I reach to my requirement?
I am using Asp.net web form, when I put html in my code it gives me green and blue lines .
-
User-1174608757 posted
Hi zalnaser,
Can I write the name of the script in the html rather than putting the code of it all (call it)Of course, you could write the jquery function in a js file , then you could just import the js file in your page and it will work well .
I want the script to work only on the first page loadYou could put the Page.ClientScript.RegisterStartupScript() in the if (!IsPostBack){ } method to judge whether it is the first page load.
Here is a demo, I hope it could help you.
js file
function aa() { $("#Button1").click(function () { alert("this function is in js file"); }); }aspx:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="../Scripts/jquery-3.3.1.js"></script> <script src="aa.js"></script> <%--import the js file--%> </head> <body> <form id="form1" runat="server"> <div> <input id="Button1" type="button" value="call the function" /> <asp:Button ID="Button2" runat="server" Text="refresh the page" /> </div> </form> </body> </html>aspx.cs
public partial class clientscript : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) //this means it is first pageload { Page.ClientScript.RegisterStartupScript(this.GetType(), " ", "aa()", true); } } }It shows as below:
Best Regards
Wei Zhang
-
User858909527 posted
Hi zalnaser,
zalnaser
Can I write the name of the script in the html rather than putting the code of it all (call it)Of course, you could write the jquery function in a js file , then you could just import the js file in your page and it will work well .
zalnaser
I want the script to work only on the first page loadYou could put the Page.ClientScript.RegisterStartupScript() in the if (!IsPostBack){ } method to judge whether it is the first page load.
Here is a demo, I hope it could help you.
js file
function aa() { $("#Button1").click(function () { alert("this function is in js file"); }); }aspx:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="../Scripts/jquery-3.3.1.js"></script> <script src="aa.js"></script> <%--import the js file--%> </head> <body> <form id="form1" runat="server"> <div> <input id="Button1" type="button" value="call the function" /> <asp:Button ID="Button2" runat="server" Text="refresh the page" /> </div> </form> </body> </html>
aspx.cs
public partial class clientscript : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) //this means it is first pageload { Page.ClientScript.RegisterStartupScript(this.GetType(), " ", "aa()", true); } } }
It shows as below:
Best Regards
Wei Zhang
Does this line means a head that it's in the html ? <asp:Content ID="Content1" ContentPlaceHolderID="head1" Runat="Server">
