Combined with JavaScript and ASP.NET Web Forms

xiaoxiao2021-03-06  24

Author: Builder.com 2005-01-12 09:50 AM

ASP.NET provides new examples for Web program development. These include a series of servers-based controls, which are similar to those such as text boxes, buttons, and more in the HTML form. The problem with these controls is to call the server. JavaScript provides a variety of options for many tasks, and these processes do not need to call servers. Let us look at the power of JavaScript and ASP.NET.

Performance is a required call server requires bandwidth and server processing time, however there will not have any problems with a local area network program that can enjoy high-speed circulation, but in a wide area network is different. A Internet user connection speed depends primarily on the user's dial-up modem, bandwidth or cable modem. Using a user-type JavaScript can not call the server.

Traditional methods A standard web form includes a page like a header box, a body, and a form. The JavaScript function is placed on the web form of the web form, which allows these functions to be loaded and utilized by other parts of the page. Once they are loaded, these functions will be called from the HTML element. Let's take a look at a simple JavaScript example:

Function Valsubmit () {var Doc = Document.Forms [0]; varmsg = "; if (doc.firstname.value ==") {

MSG = "- please enter a first name.n";

IF (Doc.lastname.Value == "") {msg = "- please enter a last name.n";}

IF (msg == ") {doc.submit ();} else {Alert (" The followinger ";}}

This function will be verified to two HIML zones in the form. If one of the zones is empty, the error message will be displayed and the operation is stopped. If the form is submitted, you can call this function using the following code: Using this relationship, the form will not be submitted before the HIML area is not data. This way we can see that the code becomes simpler, but because there is no need to call additional servers without any side effects. JavaScript is short and practical, which means that the form does not require additional load time.

Combine JavaScript and ASP.NET to ASP.NET web forms Allow use of standard HTML, so you can easily use the previous example. ASP.NET User Control allows you to easily call server code to handle web forms. Fortunately, the combination of user controls and JavaScript is completely available. I will use an example of an ASP.NET button control to illustrate this process.

All properties of the button control provide ways to connect JavaScript to the control. First, place the JavaScript function in the ASP.NET web page form, but the placement can be changed by adding a return value. If confirmed, the function value is returned to true, and the server function related to the button will be called. If the return value is false, the form will not be submitted.

<% @ Page language = "c #"%> Webform1 </ title> <script language = "JavaScript"> Function Valsubmit () {var Doc = Document.Forms [0]; varmsg = ""; if (doc.firstname.value == ") {msg =" - please enter a first name.n " } if (doc.lastname.value == ") {msg =" - please enter a last name.n ";} if (msg ==") {doc.submit (); return true;} else {alert ( "The following errors were encountered.nn" msg); return false;}} </ script> <script language = "C #" runat = "server"> private void btnSearch_Click (object sender, System.EventArgs e) {Response.write ("Search");} private void page_load (Object sender, system.eventargs e) {btnsubmit.attributes.add ("onclick", "Return Valsubmit ();");} </ script> </ Head> <body> <form id = "frMbuildertest" method = "post" runat = "server"> <label style = "z-index: 101; left: 10px; position: absolute; top: 48px"> first name: </ label> <input style = "z-index: 102; left: 88px; position: absolute; top: 48px" type = "text" name = "firstname" ID = "firstname"> <label style = "z-index: 103; Left: 10px; position: absolute; top: 88px"> Last Name: </ label> <input style = "z-index: 104; left: 88px; position: absolute; top: 88px "Type =" text "name =" lastname "id =" lastname "> <br /> <br /> <asp: button id =" btnsubmit "</p> <p>Style = "z-index: 105; Left: 64px; position: absolute; top: 128px" runat = "server" text = "submit" width = "136px" onclick = "btnsearch_click"> </ asp: button> </ Form> </ body> </ html> The most critical one in these code is:</p> <p>Btnsubmit.attributes.add ("Onclick", "Return Valsubmit ();");</p> <p>The element can be placed in the HIML form using CSS through style attributes. The form connects the JavaScript function and the ASP.NET button (btnsubmit) and the HTML onClick event. When the form is submitted to the server, the onclick attribute in the ASP.NET button notifies the system which functions are called.</p> <p>If you are a vb.net developer, for the front code, you only need to change the C # module in your code. The corresponding code of VB.NET is as follows:</p> <p><Script language = "vb" runat = "server"> Private btnSearch_Click (sender As Object, e As System.EventArgs) Response.Write ( "Search") End SubPrivate Page_Load (sender As Object, e As System.EventArgs) btnSubmit. Attributes.add ("Onclick", "Return Valsubmit ();") End Sub </ script></p> <p>Powerful JavaScript and ASP.NET combine JavaScript is a practical standard language for user web development, which combines with the ASP.NET Web form, provides developers with a powerful toolset for building a stable program, and The stability of the program is considered a key component of software performance.</p> <p>-------------------------------------------------- ------------------------------ Author Summary: Tony Patton is an application development programmer to get Java, VB, Lotus and XML Certificate, wide knowledge. -------------------------------------------------- ------------------------------</p></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-65379.html</div><div class="plugin d-flex justify-content-center mt-3"></div><hr><div class="row"><div class="col-lg-12 text-muted mt-2"><i class="icon-tags mr-2"></i><span class="badge border border-secondary mr-2"><h2 class="h6 mb-0 small"><a class="text-secondary" href="tag-2.html">9cbs</a></h2></span></div></div></div></div><div class="card card-postlist border-white shadow"><div class="card-body"><div class="card-title"><div class="d-flex justify-content-between"><div><b>New Post</b>(<span class="posts">0</span>) </div><div></div></div></div><ul class="postlist list-unstyled"> </ul></div></div><div class="d-none threadlist"><input type="checkbox" name="modtid" value="65379" checked /></div></div></div></div></div><footer class="text-muted small bg-dark py-4 mt-3" id="footer"><div class="container"><div class="row"><div class="col">CopyRight © 2020 All Rights Reserved </div><div class="col text-right">Processed: <b>0.052</b>, SQL: <b>9</b></div></div></div></footer><script src="./lang/en-us/lang.js?2.2.0"></script><script src="view/js/jquery.min.js?2.2.0"></script><script src="view/js/popper.min.js?2.2.0"></script><script src="view/js/bootstrap.min.js?2.2.0"></script><script src="view/js/xiuno.js?2.2.0"></script><script src="view/js/bootstrap-plugin.js?2.2.0"></script><script src="view/js/async.min.js?2.2.0"></script><script src="view/js/form.js?2.2.0"></script><script> var debug = DEBUG = 0; var url_rewrite_on = 1; var url_path = './'; var forumarr = {"1":"Tech"}; var fid = 1; var uid = 0; var gid = 0; xn.options.water_image_url = 'view/img/water-small.png'; </script><script src="view/js/wellcms.js?2.2.0"></script><a class="scroll-to-top rounded" href="javascript:void(0);"><i class="icon-angle-up"></i></a><a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"><i class="icon-angle-down"></i></a></body></html><script> var forum_url = 'list-1.html'; var safe_token = '_2FUsfzm9Y7wjl4ig0nFTSGwaRcmTF3iBSYcMvuUdBDkqLIei_2BaU2l8hjag45hvmqNyvPFuvFE_2Ba_2FrE_2Bz3C7aLew_3D_3D'; var body = $('body'); body.on('submit', '#form', function() { var jthis = $(this); var jsubmit = jthis.find('#submit'); jthis.reset(); jsubmit.button('loading'); var postdata = jthis.serializeObject(); $.xpost(jthis.attr('action'), postdata, function(code, message) { if(code == 0) { location.reload(); } else { $.alert(message); jsubmit.button('reset'); } }); return false; }); function resize_image() { var jmessagelist = $('div.message'); var first_width = jmessagelist.width(); jmessagelist.each(function() { var jdiv = $(this); var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width(); var jmessage_width = Math.min(jdiv.width(), maxwidth); jdiv.find('img, embed, iframe, video').each(function() { var jimg = $(this); var img_width = this.org_width; var img_height = this.org_height; if(!img_width) { var img_width = jimg.attr('width'); var img_height = jimg.attr('height'); this.org_width = img_width; this.org_height = img_height; } if(img_width > jmessage_width) { if(this.tagName == 'IMG') { jimg.width(jmessage_width); jimg.css('height', 'auto'); jimg.css('cursor', 'pointer'); jimg.on('click', function() { }); } else { jimg.width(jmessage_width); var height = (img_height / img_width) * jimg.width(); jimg.height(height); } } }); }); } function resize_table() { $('div.message').each(function() { var jdiv = $(this); jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>'); }); } $(function() { resize_image(); resize_table(); $(window).on('resize', resize_image); }); var jmessage = $('#message'); jmessage.on('focus', function() {if(jmessage.t) { clearTimeout(jmessage.t); jmessage.t = null; } jmessage.css('height', '6rem'); }); jmessage.on('blur', function() {jmessage.t = setTimeout(function() { jmessage.css('height', '2.5rem');}, 1000); }); $('#nav li[data-active="fid-1"]').addClass('active'); </script>