How to set ajax result to javascript function parameter ?

Question

I am working on mvc5 project. After save image on server, then I am dynamically binding its name with delete button. here is jquery code,

success: function (res) {
var content = '<div id="' + res.fileName + '"><img id="' + res.imgId + '" src="' + res.imgFullPath + '" width="135" height="135"> <button onclick="return product.DeleteProImage("' + res.fileName + '")">Delete</button> <input type="hidden" value="' + res.fileName + '" name="img_' + res.id + '"></div>';
}

Now dynamically binding div 'uploadedImages' looking below image.

But, now I am click on the delete button it is not executing 'product.DeleteProImage('imagename')' fuction. How can I solve this issue ?

Mani Kandan · Answer

Yes yes. product.DeleteProImage() function using for delete the image from folder. When clicking on this function it not hitting even I have already tried alert () . The function is carrying a Param that is image name. But I think after getting the image name from Ajax results then there is not currently fetching image name double or single quotes problem happening there. How can solve this?

Nilesh Shah · Answer

what is product.DeleteProImage ? Is that a JS function? Is it accesible from your code? you can put alert() message in button on click before calling above method to see if it goes till here or not. also put alert() message in the function product.DeleteProImage and see what you get in parameter value. check JS console if debugging in Firefox