StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO$.ajax function not working when <form> is used
primarykey
Id
13325412
data
AcceptedAnswerId
13325498
AnswerCount
2
ClosedDate
CommentCount
7
CommunityOwnedDate
CreationDate
2012-11-10T19:37:36.577
FavoriteCount
0
LastActivityDate
2012-11-11T08:33:30.630
LastEditDate
2012-11-10T20:14:09.020
LastEditorUserId
1498826
OwnerUserId
1498826
ParentId
0
PostTypeId
1
Score
0
ViewCount
781
LastEditorDisplayName
text
Body
<p>I am learning ajax. Please find below code,</p> <pre><code> <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org /TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Insert title here</title> <script type="text/javascript" src="/MyApp/js/jquery.js"></script> <script type="text/javascript"> function doAjax() { alert('yes'); $.ajax({ url: 'register.html', data: ({name : "me"}), success: function(data) { $('#time').html(data); } }); } </script> </head> <body> <form action=""> <button id="demo" onclick="doAjax()" title="Button">Get the time!</button> <div id="time"> </div> </form> </body> </html> </code></pre> <p>This code makes successful ajax call to my spring controller and return data only if i remove form tags otherwise it wont show ajax message (and no error as well).</p> <p>I checked logs. If i remove form tag, last request received is to 'register.html' which is very correct. If i put form tag, on click of button, request goes to 'hello.html' which is the page which holds above code. I am not able to understand how is this happening.</p> <p>One thing I was suspecting is form is getting sumitted. but how can this happen if i am not firing sumit event on click of button.</p> <p>I need to have form tag on this page so please advice.</p> <p>controller functions below,</p> <pre><code> @RequestMapping("/hello") public ModelAndView helloWorld() { return new ModelAndView("hello", "message", "Spring MVC Demo"); } @RequestMapping(value = "/register", method = RequestMethod.GET) public @ResponseBody String registerUser(@RequestParam String name) { String result = "Time for registration" + name + " is " + new Date().toString(); return result; } </code></pre>
Tags
<jsp><jquery><spring-mvc><jsp-tags>
Title
$.ajax function not working when <form> is used
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USSachin
UserOwnerUserId
1. USSachin
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.