Breakpoint hit twice in MVC Action - json

Question

I am working on mvc project in razor.In this i am working on import and export module.
Now in my action i am returning JSON object.Now in both Http Get Request or Http Post request i am getting the same problem.Because the breakpoint is hitting twice,my record get added in database twice.
Below is my script
<script type="text/javascript">
$(document).ready(function (e) {
$(".update").live('click', function () {
var id = $(this).attr('id');
var str = "";
$(this).parent('td').parent('tr').find('td.data').each(function () {
str = str + ";" + $(this).text().trim();
});
if (str.length > 0) {
str = str.substring(1, str.length);
}
var header = $("#hdn_header").val();
$.post('/ImportCSV/Update', {
ImportData: str,
ImportHeader: header
}, function (result) {
var CompName = result.CompanyName;
var CompPhone = result.CompanyPhone;
var CompEmail = result.CompanyEmail;
var CompWebsite = result.CompanyWebsite;
var CompAddress = result.CompanyAddress;
var CompZip = result.CompanyZip;
var CompCity = result.CompanyCity;
var CompCountry = result.CompanyCountry;
var CompNote = result.CompanyNote;
var ConFirstName = result.ConFirstName;
var ConLastName = result.ConLastName;
var ConTitle = result.ConTitle;
var ConPhone = result.ConPhone;
var ConEmail = result.ConEmail;
var ConNote = result.ConNote;
var ConMobile = result.ConMobile;
$(".update").each(function () {
if ($(this).attr('id') == id) {
var i = parseInt('1');
$(this).parent('td').parent('tr').find('td.data').each(function () {
if ($(this).text().trim() != CompName && $(this).index() == 2) {
{
$(this).css('backgroundColor', '#FFFFC0');
return;
}
}
if ($(this).text().trim() != CompPhone && $(this).index() == 3) {
{
$(this).css('backgroundColor', '#FFFFC0');
return;
}
}
if ($(this).text().trim() != CompEmail && $(this).index() == 4) {
{
$(this).css('backgroundColor', '#FFFFC0');
return;
}
}
if ($(this).text().trim() != CompWebsite && $(this).index() == 5) {
{
$(this).css('backgroundColor', '#FFFFC0');
return;
}
}
if ($(this).text().trim() != CompAddress && $(this).index() == 6) {
{
$(this).css('backgroundColor', '#FFFFC0');
return;
}
}
if ($(this).text().trim() != CompZip && $(this).index() == 7) {
{
$(this).css('backgroundColor', '#FFFFC0');
return;
}
}
if ($(this).text().trim() != CompCity && $(this).index() == 8) {
{
$(this).css('backgroundColor', '#FFFFC0');
return;
}
}
if ($(this).text().trim() != CompCountry && $(this).index() == 9) {
{
$(this).css('backgroundColor', '#FFFFC0');
return;
}
}
if ($(this).text().trim() != CompNote && $(this).index() == 10) {
{
$(this).css('backgroundColor', '#FFFFC0');
return;
}
}
if ($(this).text().trim() != ConFirstName && $(this).index() == 12) {
{
$(this).css('backgroundColor', '#FFFFC0');
return;
}
}
if ($(this).text().trim() != ConLastName && $(this).index() == 13) {
{
$(this).css('backgroundColor', '#FFFFC0');
return;
}
}
if ($(this).text().trim() != ConTitle && $(this).index() == 14) {
{
$(this).css('backgroundColor', '#FFFFC0');
return;
}
}
if ($(this).text().trim() != ConPhone && $(this).index() == 15) {
{
$(this).css('backgroundColor', '#FFFFC0');
return;
}
}
if ($(this).text().trim() != ConMobile && $(this).index() == 16) {
{
$(this).css('backgroundColor', '#FFFFC0');
return;
}
}
if ($(this).text().trim() != ConEmail && $(this).index() == 17) {
{
$(this).css('backgroundColor', '#FFFFC0');
return;
}
}
if ($(this).text().trim() != ConNote && $(this).index() == 18) {
{
$(this).css('backgroundColor', '#FFFFC0');
return;
}
}
});
}
});
});
return false;
});
});
</script>
The above is my whole script and again it is giving same error.pls check and let me know if i am doing wrong.
Thank you..

Answer 1

It is not very clear where exactly are you invoking this AJAX request but I suspect that it is inside the .click event of some anchor or a .submit button and you didn't cancel the default action of this button by returning false from the handler. So when the link is clicked you get a first request with the AJAX POST and immediately after the default action of the link is executed.
So for example if you were subscribing to the .submit event of some form try canceling the default action by returning false:
$(function() {
$('#someForm').submit(function() {
$.post('/ImportCSV/Update', { ImportData: str, ImportHeader: header }, function (result) {
var CompName = result.CompanyName;
});
return false; // <-- that's the important part
});
});