Error loading resource: the server returned a 405 status code and an unidentified input

I encountered an issue with this code snippet

function AddComment(id) {
    var input = $("#" + "CommentOnPost" + id).val();
  
    var commentHolder = $("#commentDiv" + id);
    commentHolder.empty();

    $.ajax({
        url: 'Account/AddCommentToPost',
        data: { postId: id, text:input },
        dataType: 'json',
        cache: false,
        success: function (result) {
            //irrelevant
        },
    });
}

During debugging, I noticed that an unexpected parameter is included in the request:

https://localhost:44398/Account/AddCommentToPost?postId=1&text=gd&_=1596616234410

The presence of the extra parameter "_" is causing an issue, is there a way to resolve this?

javascriptajaxasp.net-core

Answer №1

By adding the [HttpPost] attribute to your action, you are specifying that the action only supports the HTTP POST method. If your Ajax code snippet sends a 'GET' request, it will result in a "405 Method Not Allowed" error.

To resolve this issue, as you suggested, you can update the type option to 'POST'.

$.ajax({
    url: 'Account/AddCommentToPost',
    type: 'POST',
    //...

Alternatively, you can remove the [HttpPost] attribute from your action method to allow support for both GET and POST requests.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

What is the best way to include multiple selected option values from select2 in form.serialize()?

I am trying to use select2 for selecting multiple options in HTML and then send the selected values as an array using form.serialize() to update a database field. However, my form also contains other input fields. How can I achieve this? Here is my HTML c ...

jqueryhtmlajaxjquery-select2

What is preventing the visibility of my invoice items when I try to make edits to my invoice?

Currently, I am utilizing Laravel 5.7 and VueJs 2.5.* in my project. The issue I am facing is related to a Bootstrap Model that I use for creating and editing TicketInvoice and its associated TicketInvocieItems. When I try to edit, the Bootstrap Model open ...

javascriptlaravelvue.jsvuejs2

When placing the script URL with a pound sign into the DOM, it gets truncated

When I receive URLs for trackers from an external resource, they often contain a # symbol which causes the URL to be cut off after the pound sign when trying to execute/load it in the DOM. Unfortunately, these URLs are provided by a 3rd party and I have no ...

javascriptjquery

express path variables are constantly loading

Despite seeing the dynamic id in the URL, I am facing an issue with the page continually loading. Below, you will find the route that HTML redirects us to and details about the database. // Route Parameter app.get('/detail/:id', (req, res) => ...

javascriptnode.jsexpress

Encountering a problem with utilizing the equalTo() method in Firebase Realtime Database in a React

I'm having trouble randomizing and querying a specific node in my database based on the ShopNo When I use equalTo, I can't seem to retrieve the desired node. Instead, I'm only getting a randomized value based on the total number of Shop ent ...

javascriptreactjsreact-nativefirebase-realtime-databaseexpo

What is the best way to apply a hover effect to a specific element?

Within my CSS stylesheet, I've defined the following: li.sort:hover {color: #F00;} All of my list items with the 'sort' class work as intended when the Document Object Model (DOM) is rendered. However, if I dynamically create a brand new ...

javascriptajaxmootools

Outputting HTML with functions

I have a function that returns HTML code. renderSuggestion(suggestion) { const query = this.query; if (suggestion.name === "hotels") { const image = suggestion.item; return this.$createElement('div', image.title); } ...

javascriptvue.jsvuejs2

Utilizing the map function to modify the attributes of objects within an array

I have a data structure with unique IDs and corresponding status keys. My goal is to count how many times each status repeats itself. Here's an example of my data structure: const items = { id: 2, status_a: 1, status_b: 1, status_c: 3 }; Below is the ...

javascriptreactjs

What is the best way to transfer a variable from jQuery to a PHP script?

While I am aware that similar questions have been asked in the past, I am facing a unique challenge in trying to create a table with distinct links and pass the id of the link to a PHP page. Here is what I have so far: echo("<p>To reser ...

javascriptphpjquery

Why won't the infowindow close when I press the close button in the markercluster of Google Maps API v3?

initialize map function initializeMap() { var cluster = []; infoWindow = new google.maps.InfoWindow(); var map = new google.maps.Map(document.getElementById("map"), { cen ...

phpmysqlajaxgoogle-mapsmarkerclusterer

Unintentional GET request triggered by Axios baseURL

I have encountered a strange issue where defining axios.defaults.baseURL = baseUrl; results in an unexpected GET request right after initializing my Vue app. Any assistance would be greatly appreciated! Below are images showing the code and network reques ...

javascriptvue.jsaxios

Issues with MC-Cordova-Plugin on Ionic and Angular Setup

Recently, I integrated a plugin for Ionic from this repository: https://github.com/salesforce-marketingcloud/MC-Cordova-Plugin After successfully configuring it for iOS, I encountered difficulties on Android where the plugin seems to be non-existent. It ...

javascriptangularcordovaionic-frameworkplugins

Guide: Passing and reading command line arguments in React JavaScript using npm

When launching the react application, I utilize npm start which is defined in package.json as "start": "react-scripts start -o". Within the JavaScript code, I currently have: const backendUrl = 'hardCodedUrl'; My intention ...

javascriptreactjsnpmcommand-line-interfacecommand-line-arguments

combine multiple select options values in a single function using jQuery

My HTML code includes two select options for users to choose the origin and destination cities. I need to calculate the cost of travel between these cities. How can I compare the selected options using jQuery? </head> <body> <div> ...

javascriptjqueryhtml

Leverage JavaScript to run a snippet of PHP code directly (without utilizing a separate PHP file)

I am looking for a way to integrate PHP into my web page using JavaScript and AJAX. I want the PHP file to be included and executed as if it is part of the native page, allowing me to utilize features like GET requests. <div id="firstAjaxDiv">Defaul ...

phpjavascriptjqueryajax

What is the best way to ensure consistency in a value across various browsers using Javascript?

I am currently developing a feature on a webpage that displays the last update date of the page. The functionality I am aiming for is to select a date in the first input box, click the update button, and have the second box populate the Last Updated field ...

javascripthtmldom-events

Vue.js is displaying one less item

Recently I started working with Vuejs and encountered an unexpected issue in my application. The purpose of my app is to search for channels using the YouTube API and then display those channels in a list. However, when I try to render the list of subscri ...

javascripthtmlvue.jsvuejs2

Button to scroll down

I have successfully implemented a #scrolldownbutton that scrolls to the first component. However, I am now attempting to modify it so that when the button is clicked, the page smoothly scrolls within the viewport and stops at the partially visible componen ...

javascriptjqueryhtmlcss

Having trouble sending Props between components within a specific route as I keep receiving undefined values

Here is the code for the initial component where I am sending props: const DeveloperCard = ({dev}) => { return ( <Link to={{pathname:`/dev/${dev._id}`, devProps:{dev:dev}}}> <Button variant="primary">Learn More</Butt ...

javascriptreactjsreact-propsprop

Inspecting a substring of an element dynamically added in VueJs

When I click a button in my form, it adds a new line. The challenge is making sure that each new line evaluates independently and correctly. In this case, the task involves checking the first 2 digits of a barcode against a dataset to determine a match or ...

javascriptvue.jsvuejs2