Post
Ask Question
rahul patil

rahul patil

  • NA
  • 160
  • 8.6k

how to create single page application in asp.net

May 11 2020 5:01 AM

I m new in single page application and I want to create single page application in asp.net

I created a two form personal information and contact information html and javascript file in asp.net 

PersonalInformation.html
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4.     <meta charset="utf-8" />  
  5.     <title></title>  
  6. </head>  
  7. <body>  
  8.      <h1>PersonalInformation</h1>  
  9.     FirstName:<input id="txtfname" type="text" /><br />  
  10.     LastName:<input id="txtlname" type="text" /><br />  
  11.     MiddleName:<input id="txtmname" type="text" /><br />  
  12.     Address:<input id="txtaddress" type="text" /><br />  
  13.     <input id="Button1" type="button" value="Next" />  
  14. </body>  
  15. </html>  
 
PersonalInformation.js
  1. //empty page  
 
ContactInformation.html
 
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4.     <meta charset="utf-8" />  
  5.     <title></title>  
  6. </head>  
  7. <body>  
  8.     <h1>ContactInformation</h1>  
  9.     EmailId:<input id="txtemailid" type="text" /><br />  
  10.     Password:<input id="txtpass" type="password" /><br />  
  11.     ContactNo:<input id="txtcontactno" type="number" /><br />  
  12.     <input id="Button1" type="button" value="Submit" />  
  13. </body>  
  14. </html>  
 
ContactInformation.js 
  1. //empty page  
web.config
 
  1. <connectionStrings>  
  2.     <add name="cnn" connectionString="Data Source= (localdb)\MSSQLLocalDB; Database= DbStudent; Integrated Security=True;" providerName="System.Data.SqlClient"/>  
  3. </connectionStrings>  
 
 
tblstudent
 
studid int
fname varchar(50)
lname varchar(50) 
mname varchar(50)
address varchar(50)
emailid varchar(50)
password varchar(50)
contactno decimal(18, 0) 
 

anything I m doing wrong in above code?

I want to create single page application?

how to implement single page application?
 
I m refering below article:
https://docs.microsoft.com/en-us/archive/msdn-magazine/2013/november/asp-net-single-page-applications-build-modern-responsive-web-apps-with-asp-net 
 
help? 

Answers (1)